位置:首頁 > 軟件操作教程 > 編程開發(fā) > CSS > 問題詳情

CSS3 選擇器

提問人:劉團圓發(fā)布時間:2020-12-11

選擇器

示例

示例描述

.class

.intro

選擇class=’_introu的所有元素

#id

#firstname

選擇id=”firstndmen的所有元素

*

選擇所有元素

element

P

選擇所有<P>元素

element,element

div.p

選擇所有<div>元素和所有<p>元素

element element

div p

選擇<div>元素內(nèi)部的所有<p>元素

element>element

div>p

選擇父元素為<div>元素的所有<p>元素

element+element

div+p

選擇緊接在 <div>元素之后的所有<p>元素

[attribute]

[target]

選擇帶有target屬性所有元素

[dttribute=value]

[target=_b!cink]

選擇target="_blank"的所有元素

[dttribyte~=value]

[title~=flower]

選擇title屬性包含單詞flower的所有元素

[attribute | =value]

[Ung =en]

選擇lang屬性值e n開頭的所有元素

:link

a:link

選擇所有未被訪問的鏈接

:visited

a;visited

選擇所有已被訪問的鏈接

:active

aicjctive

選擇活動鏈接

:hover

a:hover

選擇光標(biāo)位于其上的鏈接

:focus

input:focus

選擇獲得魚點的iinput元素

:first—letter

p:first—letter

選擇每個<p>元素的首字母

:first—line

p:f?rst—line

選擇每個<p>元素的首行

:first—child

p:firstchild

選擇屬于父元素的第一個子元素的每個<p>元素

:before

p:before

在每個<p>元素的內(nèi)容之前插入內(nèi)容

:after

pdfter

在每個<p>元素的內(nèi)容之后插入內(nèi)容

:lang(Ianguage)

p:lcmg(it)

選擇帶有以it幵頭的lang屬性值的每個<p>元素

element"!?element2

p?ul

選擇前面有<p>元素的每個<ul>元素

[dttributeA=value]

a[src" = "https"]

選擇其src屬性值以https開頭的每個<d>元素

[dttribute$=value]

d[src$=".pdf]

選擇其src屬性.pdf結(jié)尾的所有<a>元素

選擇器

示例

例描述

[dttribute*=value]

a[src*="t]bc"]

選擇其src屬性中包含

繼續(xù)查找其他問題的答案?

相關(guān)視頻回答
回復(fù)(0)