css选择器有哪些，选择器的权重的优先级

最新推荐文章于 2025-03-22 10:24:03 发布

永不消失的彩虹

最新推荐文章于 2025-03-22 10:24:03 发布

阅读量1.1w

点赞数 7

分类专栏： CSS 文章标签： CSS 选择器优先级

CSS 专栏收录该内容

2 篇文章

订阅专栏

本文深入探讨了CSS中各种选择器的类型及其权重计算规则，包括ID选择器、类选择器、属性选择器等，并详细解释了这些选择器如何影响样式的应用优先级。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

选择器类型：
1、ID　　#id
2、class　　.class
3、标签　　p
4、通用　　*
5、属性　　[type="text"]
6、伪类　　：hover
7、伪元素　　::first-line
8、子选择器、相邻选择器
 
权重计算规则：
1、第一等：代表内联样式，如: style=””，权值为1000。
2、第二等：代表ID选择器，如：#content，权值为0100。
3、第三等：代表类，伪类和属性选择器，如.content，权值为0010。
4、第四等：代表类型选择器和伪元素选择器，如div p，权值为0001。
5、通配符、子选择器、相邻选择器等的。如*、>、+,权值为0000。
6、继承的样式没有权值。