如何解决什么是“&”在“&.sub-title”中是否表示在scss中?
该&
串接的父类,从而导致.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>
解决方法
我是CSS和SCSS的新手。
在以下代码中,
.title {
width: 718px;
&.sub-title {
width: 938px;
}
}
什么是 &。 手段?和嵌套类一样吗?