小编vak*_*lji的帖子

使用嵌套 Sass 树中的附加类引用顶级选择器

我使用cssrush已经很多年了,最近开始使用 css。这是一种基于顶级父元素的附加类向任何嵌套元素添加特定属性的好方法。

<div class="someDivClass">
    <ul class="someULclass">
        <li>Text lorem ipsum</li>
        <li>Text ipsum lorem
            <ul class="someULclass2">
                <li>Text lorem ipsum</li>
                <li>Text ipsum lorem</li>
            </ul>   
        </li> 
    </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS 会是这样的......

.someDivClass {
    ul.someClass {
        fewUlporpertis: values;
        li {
          fewLIporpertis: values;
          ul.someULclass2 {
              fewUlporpertis: values;
              li {
                  fewLIporpertis: values;
              }
          }
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

现在如果我有...

<div class="someDivClass additionalClass">
    .....
</div>
Run Code Online (Sandbox Code Playgroud)

我可以做这个...

.someDivClass {
    ul.someClass {
        fewUlporpertis: values;
        li {
          fewLIporpertis: values;
          ul.someULclass2 {
              fewUlporpertis: values;
              li {
                  fewLIporpertis: values;
                  .additionalClass& {
                      color: red; …
Run Code Online (Sandbox Code Playgroud)

sass

5
推荐指数
1
解决办法
1868
查看次数

标签 统计

sass ×1