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
}
发表回复