我正在尋找一種與 mixin 等效.bloc .bloc或.article .article直接來自 mixin 的方法bloc-article()：
@mixin bloc-article() {
margin-top: 20px;
margin-top: 50px;
& "bloc-article()" { // is there a "$this"-like to make an equivalent to `.bloc .bloc` or `.article .article` here ?
border-top: 1px solid red;
}
}
.bloc {
@include bloc-article();
}
.article {
@include bloc-article();
}
是否有一個類似“$this”的類來與 mixin 等效.bloc .bloc或.article .article直接來自 mixin ？
uj5u.com熱心網友回復：
您可以使用& &選擇器撰寫 mixin：
@mixin bloc-article() {
// …
& & {
border-top: 1px solid red;
}
}
編譯自：
.article {
@include bloc-article();
}
到：
.article .article {
border-top: 1px solid red;
}
在這里，Sass父選擇器就是$this您要尋找的。
從檔案：
父選擇器 & 是 Sass 發明的一種特殊選擇器，在嵌套選擇器中用于參考外部選擇器。它可以以更復雜的方式重用外部選擇器，例如添加偽類或在父級之前添加選擇器。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/410717.html
標籤：
下一篇：切換按鈕需要單擊兩次