CSS2.1 特殊性、继承、层叠规则
来源:互联网 发布:手机助手网络共享 编辑:程序博客网 时间:2024/06/08 04:21
特殊性(选择器的特殊性):
内联样式特殊性为1000
对于选择器中给定的各个id属性值,为0100
对于选择器中给定的各个类属性值、属性选择或伪类,为0010
对于选择器中给定的元素和伪元素,0001
通配选择器的特殊性为0000
结合符没有特殊性
重要性(!important)
声明的结束符分号之前插入!important。
继承:
样式不仅应用到指定的元素,还会应用到它的后代元素。大多数框模型属性(包括外边框、内边距、背景和边框)都不能继承。继承没有特殊性!
层叠规则:
1、找出所有相关规则,这些规则都包含与一个给定元素匹配的选择器。
2、按显示权重对应到该元素的所有声明排序。标志!important的规则的权重要高于没有!important标志的规则。按来源对应用到给定元素的所有声明排序。共有3种来源:
创作人员、读者和用户代理。正常情况下,创作人员的样式要胜过读者的样式。有!important标志的读者样式要强于所有其他样式,这包括有!important标志的创作人员样式。创作人员样式和读者样式都比用户代理的默认样式要强。
3、按照特殊性对应用到给定元素的所有声明排序。有较高特殊性的元素权重要大于有较低特殊性的元素。
4、按出现顺序对应用到给定元素的所有声明排序。一个声明在样式表或文档中越后出现,他的权重就越大。如果样式表中有导入的样式表,一般认为出现在导入样式表中的声明在前,主样式表中的所有声明在在后。
根据按顺序排序,一般建议按:link :visited :hover :active的顺序声明链接样式。
列如:正在点击的未访问的链接,可匹配的规则有3个 -- :link :hover :active 。按照LVHA的顺序,:active 才能胜出。
摘至 《CSS权威手册》
- CSS2.1 特殊性、继承、层叠规则
- css的继承层叠特殊性
- 9-CSS继承,层叠,特殊性
- 3.结构和层叠 特殊性|继承|层叠
- CSS的继承、层叠和特殊性
- CSS的继承、层叠和特殊性
- CSS基础之继承、层叠和特殊性
- CSS的继承、层叠和特殊性
- CSS-----选择器分类、层叠、特殊性与继承
- HTML5 CSS的继承,特殊性和层叠
- CSS的继承、层叠和特殊性
- css的继承、层叠和特殊性
- CSS的继承、层叠、特殊性和重要性
- CSS的继承、层叠和特殊性
- CSS的继承,层叠和特殊性
- CSS的继承、层叠、特殊性和重要性
- CSS的继承、层叠和特殊性
- HTML+CSS之CSS的继承、层叠和特殊性 (6)
- 操作系统学习:栈空间和堆空间
- Linux文件相关操作
- memory ordering
- 拷贝增量文件
- Python 最好用的第三方 http 库-Requests介绍
- CSS2.1 特殊性、继承、层叠规则
- Tomcat 数据源配置
- 关于MyEclipse8.5 错误 background indexer crash recovery java.lang.stackoverflowerror
- iOS 各种控件默认高度(图示)
- C#写的图像细化算法
- 设计一个算法将两个字符串合并按字母排序
- realarm Android系统编译后内核无法启动的解决方法
- cppcms以及必要的第三方库 下载
- 图片点击放大,再次点击返回原视图.完美封装,一个类一句代码即可调用.IOS完美实现