さて、これは私が取得したい出力です:
.class-1, .class-2, .class-3 {
z-index: 1;
}
.class-1-et-cetera, .class-2-et-cetera, .class-3-et-cetera {
z-index: 5;
}
&
そして、セレクターをネストし、SASS の本当に素晴らしい機能を使用して親セレクターを取得することで、それを取得したいと考えています。だから私はこのようなことを試みてきました(SASS構文が最初):
.class-1, .class-2, .class-3
z-index: 1
&-et-cetera
z-index: 5
SCSS 構文:
.class-1, .class-2, .class-3 {
z-index: 1;
&-et-cetera {
z-index: 5;
}
}
唯一の問題は、それが機能しないことです。の後のテキストをいじってみました... 、、 ... の&
ようなものです。&#{"-et-cetera"}
&#{-et-cetera}
& + "-et-cetera"
可能だと思ったのですが、なかなか見つかりません。それを行う方法はありますか?