美文网首页工作生活
css三大特性之继承性 层叠性 优先级

css三大特性之继承性 层叠性 优先级

作者: nickNic | 来源:发表于2019-07-03 16:15 被阅读0次

    一什么是继承性
    给父元素设置一些属性子元素也可以继承就称为继承性
    注意点
    1、并不少所有的属性都可以继承,只有以color/font/text/line开头的属性才可以继承
    2、在css的继承中不止有儿子可以继承,只要是后代都可以继承
    3、css中继承性注意点
    3.1 a标签中的文字颜色和下划线是不能继承的
    3.2 h标签中的文字大小是不能继承的

    二什么是层叠性
    层叠性就是css处理冲突的一种能力
    注意点
    层叠性只有在多个选择器选中“同一个标签”
    然后又设置了相同的属性才会发生层叠性

    三什么是优先级
    作用:当多个选择器选中同一个标签,并且给同一个标签设置相同的属性时,如何层叠就由优先级来决定

    1 优先级的判断的三种方式
    1.1是否是直接选中(间接选中就是指继承)
    如果是间接选中那么谁离目标标签比较近那么就听谁的
    1.2是否是相同的选择器
    如果都是直接选中,并且都是同类型的选择器,那么就是谁写在后面就听谁的
    1.3不同的选择器
    如果都是直接选中,并且不是相同类型的选择器那么就会按照选择器的优先级来层叠

    ID选择器>类选择器>通配符>继承>浏览器默认

    相关文章

      网友评论

        本文标题:css三大特性之继承性 层叠性 优先级

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