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也没用

  • 相关阅读:
    文字有阴影效果
    asp.net(c#)将彩色图片变灰阶图片
    C#异步调用的方法
    PHP获取指定月份的第一天开始和最后一天结束的时间戳函数
    php 获取当前用户的IP
    网站前端性能优化
    grep命令的使用
    学C++的经验总结
    主键、唯一键与唯一索引的区别
    shell的比较运算符
  • 原文地址:https://www.cnblogs.com/crazier/p/12310922.html
Copyright © 2011-2022 走看看