css偽類總結

2022-08-16 21:03:11 字數 956 閱讀 9336

css偽類(pseudo-classes)使用來新增一些選擇器的特殊效果 (pseudo/ 'sju:dəʊ/假的,虛偽的;)     

語法:selector:pseudo-class{}

selector.class:pseudo-class{}

anchor偽類(anchor/ˈæŋkə(r)/錨; 錨狀物; 靠山; 壓陣隊員;)

a:link{}未訪問的連線

a:visited{}已訪問的連線

a:hover{}滑鼠滑過的連線

a:active{}以選中的連線

注:a:hover

要在a:link,a:visited

之後才有效,a:active

要在a:hover

之後才有效

以上還可以配合css類使用

,如下a.red:link{}

a.red:

visited{}

a.red

:hover{}

a.red

:active{}

:first-child

p:first-child   匹配第乙個元素

p>i:first-child   匹配所有元素的第乙個元素

p:first-child

i   匹配所有作為第乙個子元素元素的所有元素

:lang  為不同的語言定義特殊規則

q:lang(no

)    為屬性值為no 的元素定義引號型別

a:link /* 未訪問的鏈結 */

a:visited /* 已訪問的鏈結 */

a:hover /* 滑鼠劃過鏈結 */

a:active /* 已選中的鏈結 */

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