《css权威指南》——笔记3(结构与层叠)
2016-07-25 11:46
561 查看
每一个合法的文档都会生成一颗结构树。
继承就是从一个元素向其后代传递属性值所采用的机制。
选择器的特殊性:声明的特殊性的高低决定css发生冲突时,哪一种会胜出。
继承值<通配选择器<元素选择器<类选择器<ID选择器<内联样式<!important
(注:继承值没有特殊性)
层叠规则:
显示权重:!important的权重高于没有该标志的。
来源排序:创作人员>读者样式>用户代理。
特殊性排序:高特殊性的权重大于低特殊性的权重。
出现顺序排序:声明样式越后出现,权重越大(后面的样式会覆盖前面的样式,默认style样式位于文档样式的最后。)
权重由大到小:
读者的重要声明
创作人员的重要声明
创作人员的正常声明
读者的正常声明
用户代理声明
(注:ID选择器和内联样式的权重相等,但是由于内联样式默认出现在文档样式的最后面,所以优先级会高。)
继承就是从一个元素向其后代传递属性值所采用的机制。
选择器的特殊性:声明的特殊性的高低决定css发生冲突时,哪一种会胜出。
继承值<通配选择器<元素选择器<类选择器<ID选择器<内联样式<!important
(注:继承值没有特殊性)
层叠规则:
显示权重:!important的权重高于没有该标志的。
来源排序:创作人员>读者样式>用户代理。
特殊性排序:高特殊性的权重大于低特殊性的权重。
出现顺序排序:声明样式越后出现,权重越大(后面的样式会覆盖前面的样式,默认style样式位于文档样式的最后。)
权重由大到小:
读者的重要声明
创作人员的重要声明
创作人员的正常声明
读者的正常声明
用户代理声明
(注:ID选择器和内联样式的权重相等,但是由于内联样式默认出现在文档样式的最后面,所以优先级会高。)
相关文章推荐
- CSS3-盒模型设计
- 设置inline-block布局造成的幺蛾子事
- CSS3 box-sizing 属性
- css实现动态进度条
- css实现百分比进度条
- HTML&CSS基础学习笔记1.17-表格的头部与尾部
- css实现鼠标放到图片旋转效果
- 自定义Dialog样式 虚拟键盘的隐藏 TextView的图标
- css3 如何实现圆边框的渐变
- CSS深入理解之margin
- 前端开发:css技巧,如何设置select、radio 、 checkbox 、file这些不可直接设置的样式 。
- QPainter就是手里的作图工具,只需要三洋东西:笔(颜色,宽度,样式),字体(写字),刷子(大面积作画),这里有三个典型例子
- css input[type=file] 样式美化,input上传按钮美化
- css3记录
- CSS样式,雪碧,图片替换,渐变小析
- css伪类选择器详细解析及案例使用-----伪类选择器(2)
- [php入门] 5、初学CSS从中记下的一些基础点(For小白)
- CSS 定位规则之 BFC
- DW——CSS——3D环境
- 前端基本功—CSS 实战第二天