Question

这是我的代码：

.grid {

    > li {

        // li styles

        .text & {

            // new li styles if .grid also has a class of .text
        }
    }
}

这是错误的，它似乎只有在我定位到高于.grid的东西的情况下才有效，但是我希望能够定位.grid.text li {}，因此我可以根据以下情况更改li样式如果.grid具有额外的类，则不取决于.grid内部的内容。这可能吗？

我正试图避免这样做：

.grid {

    > li {

        // li styles
    }

    &.text {

        li {

            // new li styles
        }
    }
}

Answer 1

您可以在维护嵌套规则的同时使用CMAKE_INCLUDE_PATH directive进行操作

例如这个片段

@at-root

在

.grid {
    > li {
        color: #fff;

        @at-root {
          .text#{&}  {
              color: #000;
          }
        }

    }
}

上的

编译为

SASS >= 3.3