十,偽類的分類

2021-10-12 00:26:21 字數 1272 閱讀 3275

一,偽類的分類:

1,狀態偽類:當選擇得目標物件狀態發生改變後,進行什麼樣的樣式設定。(見章節9)

2,結構性偽類:選擇子元素去使用的

二,結構性偽類的屬性:

1,:first-child:選擇父元素的第乙個子元素

2, :last-child:選擇父元素的最後乙個子元素

3, :nth-child(num):選擇某個元素的乙個或多個特定的子元素

4, :nth-last-child(num):選擇某個元素的乙個或多個特定的子元素,從這個元素的最後乙個子元素開始算

5, :first-of-type:選擇乙個上級元素下的第乙個同類子元素

>

>

rel=

"stylesheet"

href

="test8.css"

>

head

>

>

type

="text"

>

慕課網1a

>

type

="text"

>

慕課網2a

>

type

="text"

>

慕課網3a

>

border

="1"

width

="300px"

>

>

>

1td>

>

1td>

>

1td>

>

1td>

>

1td>

tr>

>

>

1td>

>

1td>

>

1td>

>

1td>

>

1td>

tr>

>

>

1td>

>

1td>

>

1td>

>

1td>

>

1td>

tr>

table

>

body

>

html

>

a:nth-child(3)

td:nth-last-child(2)

偽元素 偽類

偽元素在dom中建立了一些抽象元素,而且這些元素本身時不存在與dom中的。在css3中偽元素前要使用 兩個冒號 比如 使用在使用 before 和 after時,要使用content進行內容設定。預設情況下,偽元素插入的內容為行內元素,不過可以使用display進行設定。注意 同時只能使用乙個偽元素...

偽類 偽元素

偽類和偽元素在web開發中用的好的話,可以說猶如神助。但一定要分清楚,什麼是偽類,什麼是偽元素。如何區分偽元素與偽類?答 偽元素在html文件渲染後,頁面中有相應的內容顯示,同時能夠設定它的樣式,而偽類只能設定樣式 偽元素和元素的區別?答 很明顯,從字面意思上來說,偽元素就不是真正的元素,而只有形而...

偽類 偽元素

偽類和偽元素 偽類其實是為彌補css選擇器的不足,用來更方便地獲取資訊 而偽元素本質上是建立了乙個虛擬容器 元素 我們可以在其中新增內容或樣式 css3中,偽類用單冒號 表示 而偽元素用雙冒號 表示 before 偽元素可以在元素的內容前面插入新內容 after 偽元素以在元素的內容之後插入新內容 ...