css之 matches 偽類函式的正確使用方式

2021-09-01 12:57:20 字數 801 閱讀 5750

目前,:matches()僅有safari瀏覽器支援,chrome瀏覽器使用:-webkit-any(),firefox瀏覽器使用:-moz-any()。

故相容寫法如下:

使用不同hover顏色進行測試

>

>

:matches()偽類函式h1

>

>

>

this is header paragraphp

>

header

>

>

>

>

>

this is my firstp

>

>

list itemp

>

li>

>

>

this is my secondp

>

>

list itemp

>

li>

ul>

main

>

>

>

this is my footer paragraphp

>

footer

>

section

>

:-webkit-any() = :-moz-any() > 元素選擇器 > :matches()

CSS基礎之偽類

css偽類 pseudo classes 是用來新增一些選擇器的特殊效果。選擇器示例 示例說明 link a link 選擇所有未訪問鏈結 visited a visited 選擇所有訪問過的鏈結 active a active 選擇正在活動鏈結 hover a hover 把滑鼠放在鏈結上的狀態 ...

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...