← 返回目录

CSS选择器优先级

第 16 / 154 卷日期：2024-02-01

::placeholder	input::placeholder	选择已规定“placeholder”属性的input元素。
:read-only	input:read-only	选择已规定“readonly”属性的input元素。
:read-write	input:read-write	选择未规定“readonly”属性的input元素。
:required	input:required	选择已规定“required”属性的input元素。
:root	:root	选择文档的根元素。
::selection	::selection	选择用户已选取的元素部分。
:target	#news:target	选择当前活动的#news元素。
:valid	input:valid	选择带有有效值的所有input元素。
:visited	a:visited	选择所有已访问的链接。

CSS选择器优先级

一、CSS 有多少种样式类型：

行内样式：< style/style >
内联样式：< div style="color:red> ;
外部样式：< link > 或 @import引入

二、常见选择器及选择器权重

选择器	格式	优先级权重
id选择器	#id	100
类选择器	.classname	10
属性选择器	a[ref = “eee”]	10
伪类选择器	li:last-child	10
标签选择器	div	1
为元素选择器	li:after	1
相邻兄弟选择器	h1 + p	0
子选择器	ul > li	0
后代选择器	li a	0
通配符选择器	*	0

全站分卷索引 · 154 卷