CSS中伪元素前的"&“是什么意思？
CSS中伪元素前的"&“是什么意思？
提问于 2012-11-28 23:42:36
在下面摘自Twitter Bootstrap的CSS中，与号(&)字符是什么意思？
.clearfix {
*zoom: 1;
&:before,
&:after {
display: table;
content: "";
}
&:after {
clear: both;
}
}回答 4
Stack Overflow用户
回答已采纳
发布于 2012-11-28 23:43:54
那是LESS，不是CSS。
此语法允许您嵌套选择器修饰符。
.clearfix {
&:before {
content: '';
}
}将编译为：
.clearfix:before {
content: '';
}使用&，嵌套的选择器将编译为.clearfix:before。
如果没有它，它们将编译为.clearfix :before。
Stack Overflow用户
发布于 2016-03-23 08:08:12
嵌套的&同时选择SASS和LESS中的父元素。它不只是用于伪元素，它可以与任何类型的选择器一起使用。
例如：
h1 {
&.class {
}
}等同于：
h1.class {
}Stack Overflow用户
发布于 2017-07-05 18:59:55
下面是一个SCSS/LESS示例：
a {
text-decoration: underline;
@include padding(15px);
display: inline-block;
& img {
padding-left: 7px;
margin-top: -4px;
}
}及其在CSS中的等价物：
a {
text-decoration: underline;
@include padding(15px);
display: inline-block;
}
a img {
padding-left: 7px;
margin-top: -4px;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13608855
复制相关文章
相似问题