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
    }      

ClearBoth
25 声望3 粉丝

Hello World!