美文网首页
1.CSS选择的样式-第四章css继承、层叠、优先级

1.CSS选择的样式-第四章css继承、层叠、优先级

作者: 博尔茨杰 | 来源:发表于2019-03-18 20:28 被阅读0次

    1.CSS继承

    从父元素那继承部分CSS属性
    继承好处:
    1.父元素设置样式,子元素可以继承部分属性
    2.减少CSS代码
    注:不是所有属性都可以继承

    2.CSS层叠

    ·可以定义多个样式
    ·不冲突时,多个样式可层叠为一个
    ·冲突时,按不同样式规则优先级来应用样式

    3.CSS优先级

    ·!important声明高
    ·css使用方法优先级

    行内样式>内部样式>外部样式
    注:link链入外部样式和style内部样式优先级,取决于先后顺序。

    ·样式表中优先级

    Id选择器>class选择器>标签选择器>通配符

    权限相同 权值不同
    就近原则 使用权值高的

    4.CSS优先级规则

    同一样式表中:
    1.权值相同
    就近原则(离被这只元素越近优先级越高)
    2.权值不同
    根据权值来判断CSS样式
    哪种CSS样式权值高,就使用哪种样式


    image.png

    相关文章

      网友评论

          本文标题:1.CSS选择的样式-第四章css继承、层叠、优先级

          本文链接:https://www.haomeiwen.com/subject/sfxvmqtx.html