zoukankan      html  css  js  c++  java
  • 精通CSS高级Web标准解决方案(1-2 层叠与特殊性)

     层叠与特殊性

    • 选择器的特殊性分成四个等级,a、b、c 、 d
      • 如果样式是行内样式,那么a=1
      • b=ID选择器的总数
      • c=类、伪类、属性选择器的总数
      • d=标签选择器与伪元素选择器数量

    例如:style=""  以10为基准的特殊性值为 1,0,0,0 =1000     #wrapper#content{.....} 特殊性值为0,2,0,0=200

    总结:style编写的规则总是比其他任何规则特殊,具有ID选择器的规则比没有ID选择器的规则特殊,具有类选择器的规则比只有标签选择器的规则特殊,两个特殊性相同的规则,那么后定义的规则优先。

    在样式表中使用特殊性

    • 为了避免混乱,尽量保持一般样式非常一般,特殊样式尽可能特殊,从而不需要覆盖特殊样式。如果发现不得不多次覆盖一般样式,那么从一般样式中删除需要覆盖的声明,然后显式地将其应用于每个需要它的元素,这样比较简单。

    在主体标签(body)上增加ID或者类:这样做了以后就可以根据页面或在站点范围内覆盖样式。

    继承

    区别继承与层叠

  • 相关阅读:
    失落的情
    我有个想法------彩南书屋
    西藏旅游闲记(上)
    夜归
    宝石山再记
    学车的日子(一)
    BootStrapValidator表单验证插件的学习和使用
    shard_row_id_bits & pre_split_regions
    某某大肠_tikv_修改配置参数
    第十二周总结
  • 原文地址:https://www.cnblogs.com/wangxuchun/p/3775000.html
Copyright © 2011-2022 走看看