6. CSS 三大特性

作者: 一Left一 | 来源:发表于2017-04-07 10:31 被阅读1次

    1、继承性

    • 给父元素设置一些属性,子元素也可以使用,
      • 并不是所有的属性都可以继承,只有以color``font``text line开头的。
      • a标签文字的颜色和下划线不可以继承的
      • h标签的文字大小不可以继承的

    2、层叠性

    • 标签多次被设置相同的属性。
    • 层叠样式表(英文全称:Cascading Style Sheets)
    • 优先级如下:
      • 优先直接选中(间接类似继承)
      • 间接选中,优先离目标标签近的
      • 都是直接选中并且都是相同类型的,优先选择后面的进行层叠
      • id >类>标签>通配符*{....}>继承>浏览器默认

    3、important
    可以直接提升优先级

        <style>
            #identity{
                color: green;
            }
            p{
                color: darkorchid !important;
            }
        </style>
    
        <p id="identity">把我变成什么样,你就是老大</p>
    

    3、important
    可以直接提升优先级

    <head>
        <meta charset="UTF-8">
        <title>important提升优先级</title>
        <style>
            #identity{
                color: green;
            }
            p{
                color: darkorchid !important;
            }
        </style>
    </head>
    <body>
        <p id="identity">把我变成什么样,你就是老大</p>
    </body>
    

    4、权重优先级

    • 选择器id多的优先级高
    • id一样多,的再看类名,类名多的优先级
    • 同上同理id>类名>标签个数
    • 如果以上所有的都是一样的,则按照前后顺序,后面的覆盖前面同样的设置。

    相关文章

      网友评论

        本文标题:6. CSS 三大特性

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