什么是“＆”。在“＆.sub-title”中是否表示在scss中？

小编典典

css

我是CSS和SCSS的新手。

在以下代码中，

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

什么是＆。手段？和嵌套类一样吗？

阅读 331

2020-05-16

共1个答案

小编典典

该&串接的父类，从而导致.title.sub-title（而不是.title .sub-title如果&被省略）。

结果是，与&匹配的元素与title和sub-title类都匹配：

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

而如果没有，&它将匹配具有class sub-title的元素class 的后代title：

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

2020-05-16