CSS特殊符号的特殊性
来源:互联网 发布:net4.0是什么软件 编辑:程序博客网 时间:2024/05/24 01:47
css中的细节问题真是太多了,稍有不慎就会跳进一个坑中。这不这几天又遇到了一个坑。情况是这个样子的
我们知道css中的选择器有特殊性要求,什么是特殊性呢?这里多啰嗦几句。比如一个dom节点,要通过css给其加样式,用css选择出这个节点的方法多种多样,但是哪一种才是特殊性最高的呢?这里就会对这些选择方法做一个个特殊性排序。
style内联样式是特殊性最的写法,因为它没有用到css中的选择。
其次用id选择,还有用类和标签直接选择的。这几种选择器经过排列组合,可以形成的选择结果,多种多样,但最终是哪种选择的特殊性最高呢?
有人给这几种选择器做了一个积分制度,就是在选择结果中出现一种加多少分?规定的凡是出现id一次加100分,一个class加10分,一个属性加1分。
这样算出最后的结果,看哪一个选择结果数值最大,哪一个特殊性就是最高。
但是还有一点没有说到,css中选择方法可不只有这几种,还包括几个特殊符号形成的选择器。
这几个特殊符号是:
* (通用选择器)
> (子选择器)
+ (同一父节点下的相邻选择器)
这几个选择器的特殊性值都是0,在选择结果中出现这几种选择符号,不计入特殊性统计结果。
在工作中再遇到关于样式不明不白被覆盖,就可以根据这个特殊性计算方法快速算出是被哪个样式强了风头。
完~
文章来源:http://www.eyun.me/eyun/jishu/530.html
0 0
- CSS特殊符号的特殊性
- CSS的特殊性 (specificity)
- css的特殊性
- CSS的特殊性 (specificity)
- CSS--选择器的特殊性
- css的继承层叠特殊性
- css的层叠和特殊性
- CSS中padding的特殊性
- css的层叠性和特殊性
- CSS的继承、层叠和特殊性
- CSS的继承、层叠和特殊性
- CSS的继承、层叠和特殊性
- CSS样式的特殊性(权重)
- HTML5 CSS的继承,特殊性和层叠
- CSS的继承、层叠和特殊性
- css的继承、层叠和特殊性
- CSS的继承、层叠、特殊性和重要性
- CSS的继承、层叠和特殊性
- 编写第一个NDK程序
- 数据库锁表的分析与解决(三)
- h5开发
- caffe源码分析--SyncedMemory类
- wampserver配置多站点
- CSS特殊符号的特殊性
- DOMAIN INDEX失效引起SQL执行缓慢
- 经典C++笔试题目--100(C++面向对象的特性(38-61))
- 关于语音增强中混响与回声、近场与远场的区分
- java异常处理之空指针异常
- Android——StackTraceElement线程运行栈的探索
- this对象
- Hibernate自动建库建表
- ThinkPHP CRUD