css选择器有哪些？

css选择器有哪些？

1. 通配符选择器（ * ）

2. id选择器（ # myid）

3. 类选择器（.myclassname）

4. 标签选择器（元素选择器）（div）

5. 分组选择器（div,input）

6. 相邻兄弟选择器（h1 + p）

7. 子选择器（ul > li）

8. 后代选择器（li a）

9. 属性选择器（a[rel = “external”]）

10. 伪类选择器（ li:nth-child）

11. 伪元素选择器（ li:nth-of-type）

继承性：

• 可继承的样式：font-size, font-family, color…
• 不可继承的样式：border, padding, margin, width, height…

优先级算法计算

选择器的权重：

1. 内联样式的权重为1000
2. id选择器的权重为0100
3. class选择器的权重为0010
4. 属性选择器的权重为0010
5. 伪类选择器的权重为0010
6. 伪元素选择器的权重为0010
7. 标签选择器的权重为0001
8. 继承样式的权重为0000

优先级就近原则：同权重情况下选择最后定义的样式。

优先级：!important>内联样式>id >class>tag

• 注意：

1. !important声明的样式优先级最高，如果冲突再进行计算。
2. 如果优先级相同，则选择最后出现的样式。
3. 继承得到的样式的优先级最低。