美文网首页
CSS三大特性

CSS三大特性

作者: Mae_grace | 来源:发表于2020-10-12 17:04 被阅读0次

    继承性

    子类能使用父类,后代能使用祖先的属性。就叫继承
    注意:
    1、并不是所有的属性都能继承,只能继承color、以font-开头、以text-开头、以line-开头的属性。
    2、a标签的下划线属性,h标签字体大小属性不能继承

    层叠性

    层叠性就是CSS处理冲突的一种能力
    使用场景:使用多种选择器方法选择了同一个标签,并设置了同一个属性。

    优先级

    使用场景:使用多种选择器方法选择了同一个标签,并设置了同一个属性,最终展示哪个效果,由优先级确定。

    优先级判断的方式

    1、是否直接选中
    直接选中>间接选中离的近的>间接选中离的远的
    间接选中:继承来的等非直接获得的属性值

    2、是否是相同的选择器
    2.1如果是相同选择器设置的同一标签,后面的覆盖前面的
    2.2如果是不同的选择器设置同一标签,按照选择器的优先级
    id>class>标签>通配>继承>系统默认的

    important

    作用:用于给直接选中的标签的优先级提升到最高。【直接选中,继承等间接的不算,通配符选择器是直接选中的】

    p{
      color:red !important;
    }
    

    优先级之权重

    当多个选择器混合在一起使用时,可以根据权重来判断谁的设置是生效的【针对直接选中的标签】
    权重大小比较:Id>类>标签
    1、id多的权重大
    2、id数量一样的情况下,类名多的权重大
    3、类名数量一样的情况下,标签数量多的权重大

    #identity ul li p{//听我的}
    #identity ul p{//不生效}
    

    4、如果id、类名、标签个数都相同时,谁写在后面听谁的。

    #identity .className p{//不听我的}
    #identity p .className{//听我的}
    

    相关文章

      网友评论

          本文标题:CSS三大特性

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