本文深入解析CSS选择器，包括类选择器、id选择器、通用选择器等，并介绍它们的权重、使用场景及伪类和伪元素的选择器。了解各类选择器的优先级和实践技巧。
CSS选择器（节选部分）
1.类选择器：.class 选择指定类中元素
2.id选择器： #id 选择id为指定值的元素
3.通用选择器 : * 选择所有元素
4.element选择器：选择所有指定的元素
5.伪类选择器 ： :hover 选择鼠标指针悬停的位置的元素
6.伪元素选择器： ::before 在选择的内容之前插入内容
权重
内联样式：1，0，0，0 如：style=" "
ID选择器：0，1，0，0 如：#id=" "
class | 伪类 | 属性选择器: 0，0，1，0 如：.class | :hover | [target]
标签 | 伪元素：0，0，0，1 如：p | ::before
其他选择器权值大都0，0，0，0（重点关注上面几个）
如果样式里用!import则无条件绝对优先
扫一扫
355
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
