css样式覆盖规则
    CSS样式覆盖规则
    CSS样式覆盖规则是指在网页中多个CSS样式文件存在时，要想保证某种样式不受其它样式文件的影响而保持一致，那么就必须遵循CSS样式覆盖规则来确保样式的一致性。
    一、按照优先级高低来确定
    1. 内联样式的优先级最高；
    2. 内部样式在外部样式的前面，优先级高于外部样式；
    3. 如果是多个外部样式，后面的样式优先级高于前面的样式；
    4. 对同一个选择器，使用!important标识的样式优先级最高，但这种方式不被推荐，因为容易使代码变得臃肿。
    二、按照特指性高低来确定
css 属性选择器
    1. 特指性越高，优先级越高，从细到粗依次排序是：!important >  内联样式 > 内部样式 > 外部样式 > 浏览器默认样式。
    简单的说，就是按照由特指性从低到高的顺序，有冲突的情况下，特指性高的样式会覆盖特指性低的样式。
    三、按照定义时间来确定
    1. 后定义的样式覆盖前定义的样式；
    2. 如果定义的样式一样，则按定义的顺序，后定义的样式会覆盖前定义的样式。
    四、按照选择器类型来确定
    1. 如果两个选择器的类型相同，则按照特指性高低来确定优先级；
    2. 如果两个选择器的类型不同，则具有更具体类型的选择器优先级高；
    3. ID选择器 > 标签选择器、类选择器、属性选择器和伪类选择器中的任何一种 > 伪元素选择器。
    CSS样式覆盖规则只有在多个样式文件存在，且样式有冲突时才会起作用，用于处理样式之间的冲突，使得网页内容能够正确的展示出来，起着非常重要的作用。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。