はい、あなたが最後に&
(親セレクター)を追加代わりの開始時に、それを使用してすることができます。注意すべき
.node1{
.node2{
&-index-1{
color: blue;
}
&-index-2 {
body:not(.some-class) &{ // reason for change of :not() is explained below.
color: red;
}
}
}
}
ことの一つは、CSSセレクタ:not()
は、現在の複雑なセレクタを受け入れていないということです。それは単純なセレクタだけを受け入れるので、セレクタはbody:not(.some-class) &
のように書くべきです。
.node1 .node2-index-1 {
color: blue;
}
body:not(.some-class) .node1 .node2-index-2 {
color: red;
}
<body>
<div class='node1'>
<div class='node2-index-1'>
Index 1
</div>
<div class='node2-index-2'>
Index 2
</div>
</div>
</body>
おかげで千を! – deroccha