CSS常用選擇器總結

2021-10-02 01:12:46 字數 997 閱讀 1260

>

>

charset

="utf-8"

/>

>

title

>

rel=

"stylesheet"

href

="css/index.css"

/>

>

/*標籤選擇器:所有該標籤*/

span:

/*id選擇器:w3c規定 id不允許重複*/

#txt

/*類選擇器:需要同一種樣式屬性的可以分為一類*/

.clazz

/*後代選擇器*/

html #css .clazz

/*分組選擇器:標籤之間以逗號間隔,則為一組,共享樣式屬性*/

p,h5

/*萬用字元選擇器:所有標籤*/

*/*偽類選擇器:link visited hover active順序不可以變*/

aa:link

a:visited

a:hover

a:active

style

>

head

>

"css"

>

class

="clazz"

>

helloworldspan

>

"txt"

>

helloworldspan

>

>

helloworldspan

>

class

="clazz"

>

helloworlddiv

>

>

白日依山盡p

>

>

黃河入海流h5

>

href

="">

>

body

>

html

>

css選擇器 CSS選擇器總結

在前不久的專案中,實習小妹妹在乙個全域性的樣式中使用了下面這個css選擇器 content 對應的html結構大致是 實習妹子大致的意思是想要讓content下的子元素div的高度100 但是貌似她沒有真正理解first child的意義,從而導致這個全域性的樣式讓 所有頁面都出現了問題,然後我就只...

常用xpath選擇器和css選擇器總結

表示式說明 article 選取所有article元素的所有子節點 article 選取根元素article article a 選取所有屬於article的子元素的a元素 div 選取所有div子元素 不論出現在文件任何地方 article div 選取所有屬於article元素的後代的div元素...

CSS總結 CSS選擇器

css3選擇器最新部分,有人也稱這種選擇器為css3結構類,下面我們通過實際的應用來具體了解他們的使用和區別,首先列出他具有的選擇方法 first child選擇某個元素的第乙個子元素 last child選擇某個元素的最後乙個子元素 nth child 選擇某個元素的乙個或多個特定的子元素 nth...