前端基础---选择器的优先级

当时用不同的选择器,选中同一个元素时并且设置相同的样式时

　　这时样式之间产生了冲突,最终到底采用哪个选择器定义的样式,由选择器的优先级(权重)

　　决定

　　优先级高的优先显示

 

优先级的规则

　　内联样式　　优先级　　1000

　　id选择器　　优先级　　100

　　类和伪类　　优先级　　10

　　元素选择器　　优先级　　1

　　通配选择器　　优先级　　0

　　继承的样式　　没有优先级

 

当选择器中包含多种选择器时,需要将多种选择器的优先级相加然后在比较

　　但是注意: 选择器优先级计算不会超过他的最大的数量级,如果选择器的优先级一样,

　　使用靠后的选择器

　　

　　并集选择器的优先级是单独计算

　　可以在样式的最后,添加一个 !important,则此时该样式将会获得一个最高的优先级

　　但是在开发中尽量避免使用 !important

　　例如:

　　

            p{
                background-color: yellow !important;
            }

 

标签：通配,优先级,样式,元素,---,important,选择器
来源： https://www.cnblogs.com/leiyanting/p/14950491.html