scss不错的用法

在 SCSS 中，& 是一个非常有用的引用符号，它表示父选择器的引用。结合 & 和其他类名或元素选择器，可以方便地编写嵌套规则，从而实现更机动和轻便的 CSS 布局。

1. .hui {
2.   color: blue;
3.   &-li {
4.     background-color: red;
5.   }
6. }
8. 等价于
10. .hui {
11.   color: blue;
12. }
14. .hui-li {
15.   background-color: red;
16. }
18. 这个可以用在整个页面 例如： hui-page hui-page-title hui-page-title-text
20. .hui{
21.     ....
22.    &-page{
23.       .....
24.     &-title{
25.         ....
26.       &-text{
27.          ....
28.        }
29.     }
30.    }
31.    
32. }

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。