选择器优先级
!important //权重最大 权重值 1000
style //行内样式 权重值1000
:#id //权重值100
.class == :nth-child //权重值10
p //权重值1
* //权重值0
样式引入: link <script> @import
主要设置html的样式 调试样式
1 这个选择器的优先级,一般在设置样式特别是调试样式的时候特别起作用.在写页面的时候,有时候样式不起作用了.我通过审查元素.看看是不是优先级的原因,造成了样式覆盖.
2 一般比方说优先级吧从大到小 !important 行内 :#id .class =:nth-child p *
UI库中的样式,修改不了 样式穿透
你用elementUI或者别的库的时候有没有遇见框架本身的样式和美工(UI)给的效果不同?怎么解决的
我们只需要去除scoped,然后再style中加入深度选择器(>>>||/deep/||::v-deep)
.myContainer{
/deep/.el-table{
color:"red" //这里就改变了
}
}