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
    }