关于sass:CSS权重算法覆盖Sass的用法

CSS优先级介绍:

!impotr(正无穷大InfinitY) > 行内款式(1000) > ID选择器(100) > class选择器|伪类(10) > 标签选择器|伪元素(1) > 通配符选择器(0)
留神:以上的权重值1位256进制
权值计算:依照以上规定相加,权值高的优先级高
权值雷同,遵循后增加的为准

笼罩和深度笼罩deep

场景: scoped状况下须要笼罩掉其余UI组件中的款式
利用:原生:>>>(深度作用选择器) 
      预处理器:/deep/ 或者 ::v-deep

Sass的根本用法

1.申明变量
  用法:以$结尾定义变量,在应用时间接调用$变量名
2.拼接字符串
  用法:#{$变量}
3.计算性能
  用法:间接应用变量或者+-*/
4.嵌套写法
  用法:&为间接父元素
5.继承
  用法: 选择器 { @extend 选择器 }
6.复用 mixin
  用法:申明:
        @mixin XX(参数){/**/}
       应用:
        @include XX
7.条件判断语句
  条件判断、循环可自行查问
8.自定义函数
  用法:
    @function (par){
        @return par
    }      

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理