scss不错的用法
在 SCSS 中,&
是一个非常有用的引用符号,它表示父选择器的引用。结合 &
和其他类名或元素选择器,可以方便地编写嵌套规则,从而实现更灵活和简洁的 CSS 结构。
.hui {
color: blue;
&-li {
background-color: red;
}
}
等价于
.hui {
color: blue;
}
.hui-li {
background-color: red;
}
这个可以用在整个页面 例如: hui-page hui-page-title hui-page-title-text
.hui{
....
&-page{
.....
&-title{
....
&-text{
....
}
}
}
}