6. CSS 三大特性

2017-04-07 本文已影响1人一Left一

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 三大特性

猜你喜欢

热点阅读