关于css:CSS的三大特性

59次阅读

共计 1568 个字符,预计需要花费 4 分钟才能阅读完成。

1. 继承性

作用: 给父元素设置一些属性, 子元素也能够应用, 这个咱们就称之为继承性

​        ** 留神点:**
​            1. 并不是所有的属性都能够继承, 只有以 color/font-/text-/line- 结尾的属性才能够继承
​            2. 在 CSS 的继承中不仅仅是儿子能够继承, 只有是后辈都能够继承
​            3. 继承性中的特殊性
​                3.1 a 标签的文字色彩和下划线是不能继承的,当做子元素,款式批改要在子元素解决
​                3.2 h 标签的文字大小是不能继承的,当做子元素

​        ** 利用场景:**
​            个别用于设置网页上的一些共性信息, 例如网页的文字色彩, 字体, 文字大小等内容 

2. 层叠性

概念: 层叠性是指当一个标签被设置了多个反复的款式的时候,一个属性会笼罩另外一个属性。
作用: 层叠性就是 CSS 解决抵触的一种能力

  ** 留神点:** 层叠性只有在多个选择器选中 "同一个标签", 而后又设置了 "雷同的属性", 才会产生层叠性
   例子:先给 div 设置背景色彩为红色,而后设置背景色彩为粉红色,那么最终色彩可能为红色,也可能为粉红色(显著的两种色彩设置不能并立,所以只为其一,这里没给出确定答案是因为还要思考“优先级”)** 实现准则:** 层叠性次要遵循的准则是就近准则,在不思考优先级的状况下,在多个款式中最终失效的款式是离标签最近的款式。

3. 优先级

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

优先级:!important> 行内款式 >id 选择器 > 类选择器 > 标签选择器 > 通配符 > 继承
【优先级高的规定会漠视层叠性,漠视就近准则来定义款式。比方定义了!important,即便行内款式离得近,最终失效的还是!important 标注的属性】

3.1 优先级判断的三种形式

           1. 间接选中就是指继承
​               如果是间接选中, 那么就是谁离指标标签比拟近就听谁的
           2. 雷同选择器 (间接选中)
        ​        如果都是间接选中, 并且都是同类型的选择器, 那么就是谁写在前面就听谁的
    ​       3. 不同选择器 (间接选中)
    ​            如果都是间接选中, 并且不是雷同类型的选择器, 那么就会依照选择器的优先级来层叠   
                id> 类 > 标签 > 通配符 > 继承 > 浏览器默认 

3.2 优先级之!important

作用: 用于晋升某个间接选中标签的选择器中的某个属性的优先级的, 能够将被指定的属性的优先级晋升为最高


​            留神点:
​                1.!important 只能用于间接选中, 不能用于间接选中
​                2. 通配符选择器选中的标签也是间接选中的
​                3.!important 只能晋升被指定的属性的优先级, 其它的属性的优先级不会被晋升
​                4.!important 必须写在属性值得分号后面
​                5.!important 后面的感叹号不能省略
​                6. 然而个别倡议不应用 "!important", 因为它会扭转级联的工作形式,使得调试变得艰难。

3.3 优先级权重

​ 作用: 当多个选择器混合在一起应用时, 咱们能够通过计算权重来判断谁的优先级最高

​            - 权重的计算规定
​                    内联款式,如: style="...",权值为 1000。​                    ID 选择器,如:#content,权值为 0100。​                    类,伪类、属性选择器,如.content,权值为 0010。​                    标签选择器、伪元素选择器,如 div p,权值为 0001。​                    通配符、复合选择器(+、>、~ 等)、否定伪类(:not)没有影响,权值为 0000。​                    继承的款式没有权值

​                - 首先先计算选择器中有多少个 id, id 多的选择器优先级最高
​                - 如果 id 的个数一样, 那么再看类名的个数, 类名个数多的优先级最高
​                - 如果类名的个数一样, 那么再看标签名称的个数, 标签名称个数多的优先级最高
​                - 如果 id 个数一样, 类名个数也一样, 标签名称个数也一样, 那么就不会持续往下计算了, 那么此时谁写在前面听谁的
                 也就是说优先级如果一样, 那么谁写在前面听谁的  

​ 留神点:
​ 1. 只有选择器是间接选中标签的才须要计算权重, 否则肯定会听间接选中的选择器的

正文完
 0