css 选择器优先级 样式的调节 样式穿透

选择器优先级

!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"  //这里就改变了
　　} 
}