CSS-'&。'是什么 在“&.sub-title”中是否表示在scss中?

我是CSS和SCSS的新手。

在以下代码中,

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

什么是&。 手段? 和嵌套类一样吗?

nkm asked 2019-11-07T17:59:27Z
1个解决方案
104 votes

&连接父类,结果为sub-title(如果省略&,则为title)。

结果是,对于26040231518519961996,它与26040231518519961996和title类都匹配的元素:

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

而如果没有&,它将匹配具有26040231518519961996162元素的2604023151851851996161的后代:

<div class='title'>
  ...
    <div class='sub-title'></div> <!-- << match -->
  ...
</div>
Benjie answered 2019-11-07T17:59:57Z
translate from https://stackoverflow.com:/questions/9988558/what-does-in-sub-title-indicates-in-scss