侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

css – Sass:选择具有多个嵌套选择器的父元素

2022-12-27 星期二 / 0 评论 / 0 点赞 / 29 阅读 / 1174 字

这是我最终要做的事情: .books,.dvds,.magazines { article &.books { /* Wanting the selector to only be

... . . 这是我最终要做的事情:

.books,.dvds,.magazines {  article &.books {    /* Wanting the selector to only be ".books article" */  }  article {    /* Can apply to any of the `article` tags under .books,.dvds and .magazines */  }}

我有一些嵌套的选择器,而不是打破一个新的.books文章选择器,我想保持嵌套,但仍然只针对.books下的文章元素.

我确实尝试了这个,但它的确有效,但是输出的是.books.books文章,这篇文章是多余的,让我感到畏缩:

.books,.magazines {    &.books article {        /* Outputs ".books.books article,.dvds.books article,.magazines.books article"...boooo,hisssss */    }}
.

解决方法

. 更像是什么:

article {  .books &,.dvds &,.magazines & {    /* book,dvd,magazine shared stuff */  }  .books & {    /* book stuff */  }}

编译为:

.books article,.dvds article,.magazines article {  /* book,magazine shared stuff */}.books article {  /* book stuff */}
. . .. ...

广告 广告

评论区