css选择器优先级顺序

2023-07-07 23:47:33 数码家电 投稿:一盘搜百科
摘要1、!important声明:带有!important声明的属性具有最高优先级。2、内联样式。3、ID选择器。4、类选择器、属性选择器和伪类选择器:这些选择器的优先级相同。5、元素选择器和伪元素选择器:这些选择器的优先级相同。6、通配符选择器和子选择器:这些选择器的优先级相同,但通常通配符选择器不会被使用。7、相邻兄弟选择器和通用兄弟选择器:这些选择器的优先级相同。本视频由联想拯救者Y9000P、Windows 11、录制
品牌型号:联想拯救者Y9000P
系统:Windows 11
css选择器优先级顺序

CSS选择器优先级从高到低排列如下:

1、!important声明:带有!important声明的属性具有最高优先级。

2、内联样式:在HTML元素的style属性中指定的样式具有第二高的优先级。

3、ID选择器:ID选择器具有比属性选择器更高的优先级。

4、类选择器、属性选择器和伪类选择器:这些选择器的优先级相同。

5、元素选择器和伪元素选择器:这些选择器的优先级相同。

6、通配符选择器和子选择器:这些选择器的优先级相同,但通常通配符选择器不会被使用。

7、相邻兄弟选择器和通用兄弟选择器:这些选择器的优先级相同。

当两个样式规则发生冲突时,优先级较高的规则将覆盖优先级较低的规则。在优先级相同时,使用就近原则,即找到最后出现的样式规则。但是,需要注意的是,继承得来的属性具有最低的优先级。


声明:一盘搜百科所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系 88888@qq.com