什么'＆amp;。'在'＆amp; .sub-title'中表示scss？

Question

我是CSS和SCSS的新手。

在以下代码中，

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

＆amp;。是什么意思？它与嵌套类相同吗？

Answer 1

&连接父类，导致.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>