【发布时间】：2017-08-17 00:08:34
【问题描述】：
我是 CSS 和 SCSS 的新手。
在下面的代码中，
.title {
width: 718px;
&.sub-title {
width: 938px;
}
}
&. 是什么意思？和嵌套类一样吗？
【问题讨论】：
【发布时间】：2017-08-17 00:08:34
【问题描述】：
& 连接父类，产生.title.sub-title（而不是.title .sub-title，如果省略了&）。
结果是& 匹配一个同时具有title 和sub-title 类的元素：
<div class='title sub-title'></div> <!-- << match -->
虽然没有&，但它会匹配具有sub-title 类的元素的后代title：
<div class='title'>
...
<div class='sub-title'></div> <!-- << match -->
...
</div>
【讨论】：
-
为了更清楚一点，.title.sub-title 表示具有两个类的元素。 .title .sub-title 表示 .subtitle 是 .title 的后代