zoukankan      html  css  js  c++  java
  • CSS基础之CSS的三大特性【重要】

    一、继承性( Inherited ):给父元素设置的属性,子孙元素也可以使用。
    应用场景:一般用于设置网页上的一些共性信息,文字大小、字体颜色等

    注意点:
    1、不是所有的属性都可以继承,只有以 color / font- / text- / line 开头的属性才可以继承。
    2、继承性中的特殊性:
    a标签中的文字颜色和下划线,不能通过继承修改(不是亲生的)
    h标签中的文字大小,不能通过继承修改(不是亲生的)

    二、层叠性:CSS处理冲突的一种能力

    注意点:
    层叠性只有在多个选择器中选择同一个标签,然后又设置了相同的属性,才会发生层叠。

    CSS:层叠式样式表

    三、优先级:当多个选择器选择同一个标签,并且给同一个标签设置属性时,如何层叠由优先级来决定。

    优先级判断的三种方式:
    -是否是直接选中:间接选中就是继承方式,如果是间接选中,谁离目标标签比较近就听谁的。

    -是否是相同的选择器:如果是相同选择器,谁写在后面就听谁的。

    -是否不同的选择器:按照选择器的优先级层叠

    优先级:
    id > 类 > 标签 > 通配符(也是直接选择器) > 继承 > 浏览器默认

    优先级 ! important :用于提升优先级权限,只能用于直接选择器,不能用于间接选择器。

    格式:
    id选择器 {color:red; }
    标签选择器 {color:green !important;} // 提升优先级,此时 标签优先于 id

    优先级的权重:当多个选择器混合在一起设置属性时,可以通过权重来计算哪一个选择器的优先级最高。

    权重计算规则:
    1、属性设置时,id选择器最多的优先级最高
    2、id选择器一样多时,类名选择器多的优先级最高
    3、类名选择器一样多时,标签选择器多的优先级最高
    4、id选择器一样多、类名选择器一样多、标签选择器一样多时,权重停止计算,写在最后的选择器的优先级最高。



    作者:我是一只程序员
    链接:https://www.jianshu.com/p/a22c194e6ca6
    來源:简书
    简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。
  • 相关阅读:
    localstorage和sessionstorage的区别
    vue监听数组变化
    博客项目之设计访客统计
    记录从前端到后端--博客项目
    把w3schools英文版的所有属性扒下来了,免费分享。
    记一次博客园改版,如果你想做的漂亮点的话。
    我有话说
    彻底理解nth-child和nth-of-type的区别。
    前端这条路,我们该何去何从,续集
    一篇通俗易懂的CSS层叠顺序与层叠上下文研究
  • 原文地址:https://www.cnblogs.com/nico6/p/9191188.html
Copyright © 2011-2022 走看看