CSS选择器权重
CSS中权重分为四个级别:
1. 内联样式
2. ID选择器
3. 类,伪类,属性选择器
4. 元素,伪元素
可以使用0,0,0,0来对应四个级别
也就是说,当给一个元素添加一个元素选择器,权重为1;当给一个元素添加一个类选择器,权重为10;以此类推,ID选择器为100,内联样式为1000。最后指节比较数值大小即可得到样式的优先级。
需要注意的是,并不是说11个ID选择器的优先级就比内联样式高。
【CSS选择器权重】特殊规则"!important"。当在CSS规则后面加上"!important"之后会将该规则提升至最高权重。
推荐阅读
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- 7、前端--jQuery简介、基本选择器、基本筛选器、属性选择器、表单选择器、筛选器方法、节点操作、绑定事件
- 3.css浮动
- javascript|javascript 性能测试笔记
- HTML5新增选择器属性方法
- css|我用css精灵图拼接了自己的英文名字,不会还有人不知道精灵图技术吧()
- css|css三角的做法及其案例
- css|css中元素的显示与隐藏
- CSS兼容性笔记
- 微信小程序____CSS篇之定位(position)及浮动(float)