'&.'是什么 在'&.sub-title'中表示scss？

Question

我是CSS和SCSS的新手.

在以下代码中,

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

什么做&.手段？和嵌套类一样吗？

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>