html 偽類選擇器

2022-07-31 14:57:15 字數 609 閱讀 3080

1.:first-child: 偽類選擇器,選取其父元素的第乙個子元素的元素

2.:last-child:偽類選擇器,選取其作為父元素的最後乙個子元素

3.:nth-child(n):偽類選擇器,選其作為父元素的第n個子元素的元素。

4.:::before:偽元素選擇器,所有子元素的最前面新增乙個偽元素。

5,::after:偽類選擇器,所有子類的最後新增乙個偽元素

6. :hover

偽類指的就是某乙個標記的不同狀態的標記。

愛恨準則: love hate

a:link  --> 訪問前

a:visited  --> 訪問後

a:hover   --> 滑鼠滑過

a:active   --> 啟用

使用單冒號來表示偽類。 hover這個偽類也適用於其他標記。

偽類樣式的定義,必須按照愛恨準則的順序,如果有需要定義的話

:hover使用的頻率最高。

案例:經常用於清楚浮動:

clear::after

屬性選擇器,偽類選擇器,偽元素選擇器

屬性選擇器 1doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title 屬性選擇器 title 6 style 7 屬性匹配 8 label for 12 屬性名匹配 13 label for pwd 17 以什麼結尾匹配 18 ...

偽類選擇器

作用根據連線的不同狀態可以以不同的方式顯示 偽類是css 用於向某些選擇器新增特殊的效果。a標籤中有四個 link visited hover active 用法示例 a link 未訪問的連線 顏色可以自定義 a visited 已訪問的連線 hover 滑鼠移動到連線上時顯示的效果 a acti...

偽類選擇器

偽類選擇器 用來設定 某些元素在特殊情況下的屬性 例如 超連結在訪問之後的樣式,文字框獲得輸入焦點後的樣式,文字被選中後的樣式。等 1 visited 這個偽類選擇器用於 超連結。指的是 訪問之後的超連結的樣式。只能修改顏色。3 link 普通超連結的樣式 可以設定顏色 背景顏色。等等 4.hove...