::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 必須被置...