本文共 562 字，大约阅读时间需要 1 分钟。

样式冲突

当我们用不同的选择器选中了相同的元素，并且对相同样式设置了不同的值时，就发生了样式冲突。如下代码，

    
       
       
               
   
    我是一个div 
    我是div中的span
   

为同一个元素设置颜色，结果如下图，

选择器权重

选择器的权重又高到低排序为：

复合选择器

交集选择器的优先级是相加的，即div#box1的优先级大于#box1。但是多个类选择器的相加并不能比id选择器的优先级高。

简单理解

选择器选择的内容越具体，它的优先级越高。

相同优先级的情况

看代码

    
       
       
               
   
    我是一个div 
    我是div中的span
   

结果为红色

变成了黄色。

！important

如果我在样式后面加！important，则可以提高它的优先级。

转载地址：https://blog.csdn.net/weixin_45034895/article/details/116277265 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！