导航：首页 > 开发技术 >

CSS决议器怎么用

发表于：2025-11-13 作者：千家信息网编辑

千家信息网最后更新 2025年11月13日，本文小编为大家详细介绍"CSS决议器怎么用"，内容详细，步骤清晰，细节处理妥当，希望这篇"CSS决议器怎么用"文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。"CSS" 列指示

千家信息网最后更新 2025年11月13日CSS决议器怎么用

本文小编为大家详细介绍"CSS决议器怎么用"，内容详细，步骤清晰，细节处理妥当，希望这篇"CSS决议器怎么用"文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

"CSS" 列指示该属性是在哪个 CSS 版本中定义的。（CSS1、CSS2 照样 CSS3。）

决议器	例子	例子描画	CSS
.class	.intro	抉择 class="intro" 的所有元素。	1
#id	#firstname	抉择 id="firstname" 的一切元素。	1
*	*	决意所有元素。	2
element	p	选择全部元素。	1
element,element	div,p	决定悉数元素与所有元素。	1
element element	div p	抉择元素外部的一切元素。	1
element 决意器" href="https://www.w3school.com.cn/cssref/sele首席技术官r_element_gt.asp">element>element	div>p	抉择父元素为元素的悉数元素。	2
element+element	div+p	决意紧接在元素以后的所有元素。	2
[attribute]	[target]	抉择带有 target 属性所有元素。	2
[attribute=value]	[target=_blank]	决定 target="_blank" 的全体元素。	2
[attribute~=value]	[title~=flower]	决议 title 属性包孕单词 "flower" 的全部元素。	2
[attribute\|=value]	[lang\|=en]	选择 lang 属性值以 "en" 最初的所有元素。	2
:link	a:link	决定全数未被走访的链接。	1
:visited	a:visited	选择全数已被会见的链接。	1
:active	a:active	选择勾当链接。	1
:hover	a:hover	选择鼠标指针位于其上的链接。	1
:focus	input:focus	选择失掉外围的 input 元素。	2
:first-letter	p:first-letter	决定每一个元素的首字母。	1
:first-line	p:first-line	抉择每一个元素的首行。	1
:first-child	p:first-child	选择属于父元素的第一个子元素的每个元素。	2
:before	p:before	在每个元素的形式畴前插入形式。	2
:after	p:after	在每一个元素的模式以后插入模式。	2
:lang(language)	p:lang(it)	抉择带有以 "it" 开首的 lang 属性值的每一个元素。	2
element1~element2	p~ul	决定后背有元素的每一个元素。	3
[attribute^=value]	a[src^="https"]	决意其 src 属性值以 "https" 开头的每一个元素。	3
[attribute$=value]	a[src$=".pdf"]	抉择其 src 属性以 ".pdf" 末了的所有元素。	3
[attribute*=value]	a[src*="abc"]	决议其 src 属性中包孕 "abc" 子串的每个元素。	3
:first-of-type	p:first-of-type	抉择属于其父元素的首个元素的每个元素。	3
:last-of-type	p:last-of-type	选择属于其父元素的最后元素的每个元素。	3
:only-of-type	p:only-of-type	选择属于其父元素唯一的元素的每个元素。	3
:only-child	p:only-child	抉择属于其父元素的仅有子元素的每个元素。	3
:nth-child(n)	p:nth-child(2)	决定属于其父元素的第二个子元素的每一个元素。	3
:nth-last-child(n)	p:nth-last-child(2)	同上，从最后一个子元素劈头劈脸计数。	3
:nth-of-type(n)	p:nth-of-type(2)	抉择属于其父元素第二个元素的每个元素。	3
:nth-last-of-type(n)	p:nth-last-of-type(2)	同上，但是从最后一个子元素劈头劈脸计数。	3
:last-child	p:last-child	选择属于其父元素最后一个子元素每一个元素。	3
:root	:root	决意文档的根元素。	3
:empty	p:empty	选择不有子元素的每一个元素（包括文本节点）。	3
:target	#news:target	决意今朝勾当的 #news 元素。	3
:enabled	input:enabled	决议每一个启用的元素。	3
:disabled	input:disabled	决意每一个禁用的元素	3
:checked	input:checked	决定每一个中选中的元素。	3
:not(selector)	:not(p)	决意非元素的每一个元素。	3
::selection	::selection	选择被用户选取的元素局部。	3