css样式有哪几种选择器

css样式有哪几种选择器

CSS选择器种类及其优先级：
1. ID选择器（#myid）：通过元素的ID属性进行匹配。
2. 类选择器（.myclassname）：通过元素的类属性进行匹配。
3. 标签选择器（div, h1, p）：直接匹配指定的HTML标签。
4. 相邻选择器（h1+p）：匹配紧随指定元素后的兄弟元素。
5. 子选择器（ul > li）：匹配指定元素的直接子元素。
6. 后代选择器（li a）：匹配指定元素的任意后代元素。
7. 通配符选择器（*）：匹配文档中的所有元素。
8. 属性选择器（a[rel="external"]）：匹配具有指定属性的元素。
9. 伪类选择器（a:hover, li:nth-child）：匹配处于特定状态的元素。
ID选择器的优先级最高，而伪类选择器的优先级最低。CSS权重分配如下：
1. 通配选择符的权值为0,0,0,0。
2. 标签的权值为0,0,0,1。
3. 类的权值为0,0,1,0。
4. 属性选择的权值为0,0,1,0。
5. 伪类选择的权值为0,0,1,0。
6. 伪对象选择的权值为0,0,0,1。
7. ID的权值为0,1,0,0。
8. important的权值为最高1,0,0,0。
应用规则：
- 选择器的权值相加，数值越大，优先级越高。
- 如果权值相同，则后来定义的选择器优先级高。
总结关键点：
- 权值取决于选择器的类型和数量。
- 优先级受样式定义的顺序影响。2024-12-01