zoukankan      html  css  js  c++  java
  • 了解css的两大特性

    CSS特性——继承性

    为什么只选择了body元素,但是所有元素的字体颜色都被改了,就是因为css属性具备继承性。

    继承性是指被包在内部的标签将拥有外部标签的样式性,即子元素可以继承父元素的属性。

    注意:并不是所有的属性都具备继承性

    具备继承性的属性:

      color

      font-开头

      line-开头

      text-开头

    值得注意的是border是没有继承性的

    CSS特性——层叠性

    css层叠性是一种处理冲突的能力

    选择器的权重计算

    可以这样理解:

    选择器里面如果有一个id,那么选择器的权重就加100

    如果有一个class,那么选择器的权重就加10

    如果有一个标签选择器,那么权重就加1

    1、权重越高,优先级越高

    2、继承的属性永远都没有直接选中的属性高(此时权重无效)

    3、都没有直接选中的情况下,使用就近原则

    4、都没有选中并且还是一样近的时候,重新计算权重,权重高,优先级越高

    5、如果都没有选中并且离得还一样近、权重还一样,这时候谁写在后面听谁的

    6、! important(重要的),用来提升权重,并且它的权重是无限大的

    如果同样加了important,那么就看谁的权重大

    7、没有选中与直接选中永远都没法比,important也没用

  • 相关阅读:
    利用正則表達式排除特定字符串
    js面向对象编程:this究竟代表什么?
    js调用父级frame中的方法
    Cocos2d-x动画工具类
    BZOJ 2466 中山市选2009 树 高斯消元+暴力
    Android Intent Scheme URLs攻击
    XML基础(一)
    【Life】 Never Too Late, Just Do it Better!
    代理模式
    HDU--Elevator(水题)
  • 原文地址:https://www.cnblogs.com/crazier/p/12310922.html
Copyright © 2011-2022 走看看