CSS:CSS 选择器、常用CSS 选择器及优先级(五颗星)
1.css选择器
选择器 |
格式 |
优先级权重 |
id选择器 |
#id |
100 |
类选择器 |
#classname |
10 |
属性选择器 |
a[ref=“eee”] |
10 |
伪类选择器 |
li:last-child |
10 |
标签选择器 |
div |
1 |
伪元素选择器 |
li:after |
1 |
相邻兄弟选择器 |
h1+p |
0 |
子选择器 |
ul>li |
0 |
后代选择器 |
li a |
0 |
通配符选择器 |
* |
0 |
2.选择器的优先级:
- 标签选择器、伪元素选择器:1
- 类选择器、伪类选择器、属性选择器:10
- id 选择器:100
- 内联样式:1000
注意事项:
- !important声明的样式的优先级最高;
- 如果优
剩余60%内容,订阅专栏后可继续查看/也可单篇购买
前端面试题 文章被收录于专栏
前端面试的一些常问问题、问题的具体实现(可直接运行)以及底层原理