css學習18 其他偽類選擇器

2021-10-19 08:33:30 字數 542 閱讀 7145

1、否定選擇器

否定選擇器可以對任意選擇取反。這個選擇器可謂相當實用,不過卻常常被忽略。

a:not([href*="apress"])

2、:empty選擇器

:empty選擇器匹配沒有定義任何子元素的元素。

3、:lang選擇器

:lang選擇器匹配基於lang全域性屬性值的元素。

:lang(en)

"en-us">

該選擇器匹配具有lang屬性代表其內容採用英語表達的元素。

4、:target選擇器

如果html文件example.html中包含乙個id值為myelement的元素,那麼你就可以直接通過請求example.html#myelement導航到該元素。:target選擇器匹配url片段識別符號指向的元素。

:target 

"mytarget"

>

i like yxx.

p>

CSS偽類選擇器

原來學習過css偽類選擇器,前幾天寫css發現自己並不熟悉了。這兩天把它撿起來複習一下 css偽類選擇器是用於向某些元素新增特定的效果。錨偽類 包括四種狀態,活動狀態,未被訪問狀態,已被訪問狀態,懸停效果。example a link a visited a hover a active fist ...

css偽類選擇器

link 設定超連結的預設樣式 例如 a a link 不推薦使用 有相容性 one link 不推薦使用 有相容性 visited 設定標籤被訪問過後的樣式 例如 a visited 注意 該偽類選擇器一般不會大量使用,因為瀏覽器存在快取問題。只能設定與顏色相關的屬性 hover 設定滑鼠懸停到標...

css偽類選擇器

名稱 說明ele not 匹配除了誰。裡面填條件,也就是選擇器。ele root 匹配根目錄的意思,在html裡是選 html標籤 ele target url錨點 指向文件內某個具體的元素。那麼該元素就會觸發 target ele first child 匹配父元素下的第乙個子元素必須有父元素,最...