Css选择器的优先级
CSS 选择器 优先级
2023-09-14 09:01:07 时间
a = 行内样式style。
b = ID选择器的数量。
c = 类、伪类和属性选择器的数量。
d = 类型选择器和伪元素选择器的数量。
| 选择器 | 等级(a,b,c,d) |
|---|---|
| style=”” | 1,0,0,0 |
| #wrapper #content {} | 0,2,0,0 |
| #content .dateposted {} | 0,1,1,0 |
| div#content {} | 0,1,0,1 |
| #content p {} | 0,1,0,1 |
| #content {} | 0,1,0,0 |
| p.comment .dateposted {} | 0,0,2,1 |
| div.comment p {} | 0,0,1,2 |
| .comment p {} | 0,0,1,1 |
| p.comment {} | 0,0,1,1 |
| .comment {} | 0,0,1,0 |
| div p {} | 0,0,0,2 |
| p {} | 0,0,0,1 |
简单的理解为选择器的指向范围越小, 优先级越高.
相关文章
- css怎么改鼠标样式,如何利用CSS改变鼠标的样式
- CSS的四种基本选择器和四种高级选择器[通俗易懂]
- CSS选择器及优先级 总结
- 如何使用CSS伪类选择器
- 《简单记个笔记》之部分CSS选择器介绍
- 【说站】CSS中in JS是什么意思
- 【说站】css标签选择器的使用注意
- 【说站】css选择器是什么意思
- 【说站】css max函数调整字体
- css选择器学习网站
- 【原创】CSS选择器以及选择器优先级
- css样式中的颜色格式
- css is选择器
- CSS Flex布局
- 前端必备的 CSS 库，normalize.css
- 【CSS教程】紫色渐变登陆布局html+css代码
- 【CSS】CSS 复合选择器 ① ( 基础选择器与复合选择器 | 后代选择器 )
- 【CSS】CSS 复合选择器 ③ ( 并集选择器 | 并集选择器与后代选择器示例 )
- 【CSS】课程网站头部制作 ④ ( 搜索栏按钮测量 | 搜索栏按钮代码编写 | 代码示例 )
- 前端之CSS介绍–选择器详解编程语言
- CSS学习摘要-语法和选择器详解编程语言
- html table奇偶行颜色设置 (CSS选择器)详解编程语言
- 用Oracle CSS开启数据库之旅（oraclecss）
- CSS 属性选择器
- CSS操作MySQL探索无可比拟的新空间（css操作mysql）
- CSS网页布局入门教程6：左列固定，右列宽度自适应
- jquery导航条的效果(css选择器控制)
- php压缩多个CSS为一个css的代码并缓存
- jquery获取css中的选择器(实例讲解)
- JS打印界面的CSS居中代码适用所有浏览器