我使用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
? - Harryextend
,但是针对您的代码片段存在的问题,如果您想将.arrow
用作mixin,并且需要.arrow:before
样式成为此mixin的一部分,则必须将.arrow:before
嵌套在(任何).arrow {...}
定义中...(即.arrow
可以作为mixin,但.arrow:before
不能)。 - seven-phases-max