錨偽類的四種偽類

2021-08-04 10:30:06 字數 657 閱讀 1755

偽類:

與類選擇器相似但是又有所不同

錨偽類:

作用:給a標籤設定沒有訪問過的樣式

a:visited

a:visited

作用:給a標籤設定訪問過的樣式

a:hover

a:hover

給a標籤設定滑鼠懸停時的樣式

a:active

a:active

作用:設定a標籤啟用時的樣式

注意:在使用時一定遵循這樣的順序:

a:link  a:visited  a:hover  a:active

有些錨偽類可以作用a標籤上也可以作用在其他標籤上:

a:link,a:visited 只能用於a標籤

:hover,其他標籤也可以使用這個偽類

a:active,其他標籤也可以使用這個偽類

五彩導航:

導航1導航2

導航3導航4

偽元素 偽類

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

偽類 偽元素

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

偽類 偽元素

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