ToB企服应用市场:ToB评测及商务社交产业平台

标题: scss不错的用法 [打印本页]
作者: 自由的羽毛    时间: 2025-1-9 22:09
标题: 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企服之家，中国第一个企服评测及商务社交产业平台。



欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/) Powered by Discuz! X3.4