关于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}