如何使用Scss

Scss是Sass的一种语法格式,作为CSS的扩展语言,它引入了变量、嵌套规则和混合等特性,增强了代码的可读性和维护性。要开始使用Scss,首先需要通过npm安装Sass,然后在style标签中指定lang为scss,即可利用其强大的功能,例如编写后代选择器来组织样式结构。
摘要由CSDN通过智能技术生成

使用Scss

Sass  最成熟、稳定、强大的专业级css扩展语言:特色:在css基础上增加变量、嵌套、混合
注:sass是扩展语言名,使用的时候是Scss

后代选择器:

#main{
        padding:20px;
        .box{
              color:red
             }
      }

1. 安装npm i sass

2. 在style加    <style lang="scss"></style>

3. 之后可以使用后代选择器 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值