css偽類 偽元素

2022-06-23 02:21:17 字數 955 閱讀 5985

::before 在元素內容之前插入額外生成的內容

::after 在元素內容之後插入額外生成的內容

::first–letter 選取元素的首個字元

::first–line 選取元素的第一行

::selection 對用滑鼠鍵盤等已選取的文字部分應用樣式

::spelling-error

::grammar-error

*好理解的地方就是用超連結a標籤去理解 注釋解釋一些常用的偽類吧*

:target 如果url中的hash部分和頁面中的錨點元素匹配,則對應頁面元素可以應用到有:target定義的樣式

:link 超連結點選之前

:hover 滑鼠放在標籤上的時候

:active 滑鼠點選標籤但是不鬆手的時候

:visited 鏈結被訪問過之後

:focus 某個標籤獲得焦點時的樣式

:not 用:not過濾掉不符合的元素,括號中可以應用幾乎所有的選擇器語法 也可以搭配其他偽類使用

:lang

:enabled

:disabled

:required

:optional

:checked

:in-range

:out-of-range

:valid

:invalid

:first-child 選中列表中的第乙個元素

:last-child 選中列表中的最後乙個元素

:only-child

:nth-child()

:nth-last-child() 與:nth-child()不同的是這個是從最後乙個元素開始計算的

:empty

:first-of-type

:last-of-type

:only-of-type

:nth-of-type()

:nth-last-of-type()

css偽類,偽元素

偽類作用於整個元素,比如 a link a hover div first child 儘管這些條件都不是基於dom的,但結果沒乙個都是作用於乙個完整的元素,比如整個鏈結,段落,div等等 偽元素作用於元素一部分,比如 p first line p first letter 偽元素作用於元素的一部分...

CSS偽類 偽元素

css偽類用於向某些選擇器新增特殊的效果。錨偽類a link 未訪問的鏈結 a visited 已訪問的鏈結 a hover 滑鼠移動到鏈結上 a active 選定的鏈結 注意 1 在 css 定義中,a hover 必須被置於 a link 和 a visited 之後,才是有效的。2 在 cs...

CSS 偽元素 偽類

link 未訪問的鏈結 visited 已訪問的鏈結 hover 滑鼠移到元素上 active 向被啟用的鏈結新增樣式 focus 獲得輸入焦點的元素 first child 作為某元素的第乙個子元素的元素 lang 向帶有指定lang屬性的元素新增樣式 在 css 定義中,a hover 必須被置...