当前位置: 首页 > article >正文

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{
         ....
       }
    }
   }
    
}


http://www.kler.cn/a/501224.html

相关文章:

  • django基于 Python 的考研学习系统的设计与实现
  • 计科高可用服务器架构实训(防火墙、双机热备,VRRP、MSTP、DHCP、OSPF)
  • Day04-后端Web基础——Maven基础
  • 页面滚动下拉时,元素变为fixed浮动,上拉到顶部时恢复原状,js代码以视频示例
  • 计算机网络之---TCP连接管理
  • 《Spring Framework实战》3:概览
  • AI在软件工程教育中的应用与前景展望
  • sql正则表达
  • 【Git原理与使用】版本回退reset 详细介绍、撤销修改、删除文件
  • 【C++】string的关系运算与比较分析
  • macOS 安装tomcat9
  • Maven在不同操作系统上如何安装?
  • 【Docker】入门教程
  • openEuler 22.04使用yum源最快速度部署k8s 1.20集群
  • 【2024年华为OD机试】(A卷,100分)- 处理器问题(Java JS PythonC/C++)
  • Vscode辅助编码AI神器continue插件
  • PlantUml使用向导
  • Java堆内存分析
  • Spring Boot教程之五十五:Spring Boot Kafka 消费者示例
  • 基于Java 的高性能缓存库 Caffeine 详细介绍
  • golang单元测试
  • [QCustomPlot] 交互示例 Interaction Example
  • 项目开发实践——基于SpringBoot+Vue3实现的在线考试系统(五)
  • 银河麒麟服务器操作系统桌面任务栏网络图标消失问题
  • 使用RSyslog将Nginx Access Log写入Kafka
  • http常用状态码(204,304, 404, 504,502)含义