微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决什么是“&”在“&.sub-title”中是否表示在scss中?

&串接的父类,从而导致.title.sub-title(而不是.title .sub-title如果&被省略)。

结果是,与&匹配的元素与titlesub-title类都匹配:

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

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

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

解决方法

我是CSS和SCSS的新手。

在以下代码中,

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。