CSS选择器的权重与优先规则
2016-04-15 17:26
387 查看
1.内联>内部>外部
2.!important >第一等>第二等>第三等>第四等
第一等：代表内联样式，如: style=””，权值为1000。
第二等：代表ID选择器，如：#content，权值为100。
第三等代表类，伪类(目标伪类、状态伪类、结构伪类、)和属性选择器，如.content，权值为10。
第四等：代表类型选择器和伪元素选择器（first-line，:first-letter，:before，:after），如div p，权值为1。
2.!important >第一等>第二等>第三等>第四等
第一等：代表内联样式，如: style=””，权值为1000。
第二等：代表ID选择器，如：#content，权值为100。
第三等代表类，伪类(目标伪类、状态伪类、结构伪类、)和属性选择器，如.content，权值为10。
第四等：代表类型选择器和伪元素选择器（first-line，:first-letter，:before，:after），如div p，权值为1。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 你需要知道的三个CSS技巧
- CSS中的float属性
- CSS之清除浮动
- css Loading 教程
- css3-增强的文本和颜色功能
- <css 十六>分类属性
- css 中 “>” 、".css .css "、"a:nth-of-type(2)" 用法
- css与 js动画 优缺点比较
- CSS控制文本的长度 超过一行显示省略号的实现方法
- grunt 单独压缩多个js和css文件【转】
- HTML及CSS基础
- 深入理解CSS定位与层叠
- 获取元素CSS值getComputedStyle()
- WPF DataGrid自定义样式
- css文本溢出显示省略号
- css hack
- js中引用css选择器
- css中的first-child nth-child nth-last-child() 和:nth-of-type(n)
- 前端开发学习笔记07---CSS-2
- HTML与CSS布局技巧总结