"; } .button{ background: b-6ren">
gpt4 book ai didi

css - LESS 使用伪选择器添加类

转载 作者:技术小花猫 更新时间:2023-10-29 11:05:45 27 4
gpt4 key购买 nike

我使用 LESS,这是我的例子:

.arrow{
color: red;
}
.arrow:before{
content: ">";
}

.button{
background: blue;
.arrow;
&:before{
border: 1px solid;
}
}

这是解析后的 CSS:

.button{
background: blue;
color: red;
}
.button:before{
border: 1px solid; // HERE IS NO content: ">" !!!
}

如何将 .arrow 类中的 :before 伪元素添加到我的按钮?

最佳答案

您可以使用 extend 选项,如下所示。它基本上也将 arrow 类的所有属性应用于 button 类。 all 关键字表示子类也被扩展。

减少:

.button{
background: blue;
&:extend(.arrow all);
&:before{
border: 1px solid;
}
}

编译后的 CSS:

.arrow,
.button {
color: red;
}
.arrow:before,
.button:before {
content: ">";
}

关于css - LESS 使用伪选择器添加类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25359285/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com