“ & .”在“ & . 子标题”中表示什么？

我是 CSS 和 SCSS 的新手。

在下面的代码中,

.title {
width: 718px;
&.sub-title {
width: 938px;
}
}

& .是什么意思? 它和嵌套类一样吗？

41588 次浏览
小开
最佳答案

&连接父类，生成 .title.sub-title(如果省略 &，则不生成 .title .sub-title)。

结果是，使用 &，它可以匹配一个同时具有 title和 sub-title类的元素:

<div class='title sub-title'></div> <!-- << match -->

而如果没有 &，它将与 title类的元素的 sub-title类的子代匹配:

<div class='title'>
...
<div class='sub-title'></div> <!-- << match -->
...
</div>

提交答案