Css3選擇器 偽類選擇器

2022-08-13 09:39:18 字數 661 閱讀 7145

一、動態偽類

動態偽類,因為這些偽類並不存在於html中,而只有當使用者和**互動的時候才能體現出來,動態偽類包含兩種,第一種是我們在鏈結中常看到的錨點偽類,如":link",":visited";另外一種被稱作使用者行為偽類,如「:hover」,":active"和":focus"。

對於:hover在ie6下只有a元素支援,:active只有ie7-6不支援,:focus在ie6-7下不被支援。

三、css3的:nth選擇器

三、否定選擇器(:not)

否定選擇器和jq中的:not選擇器一模一樣,就拿form中的元素來說明這個選擇器的用法,比如你想對form中所有input加邊框,但又不想submit也起變化,此時就可以使用:not為實現

否定選擇器 :not(),可以讓你定位不匹配該選擇器的元素。ie6-8瀏覽器不支援:not()選擇器

四、偽元素

css中的偽元素大家以前看過::first-line,:first-letter,:before,:after;那麼在css3中,他對偽元素進行了一定的調整,在以前的基礎上增加了乙個「:」也就是現在變成了「::first-letter,::first-line,::before,::after」另外他還增加了乙個「::selection」,兩個「::」和乙個「:」

CSS3 選擇器 偽類選擇器

e pseudo class e.class pseudo class 語法1示例 a link 語法2示例 a selected hover 動態偽類,因為這些偽類並不存在於html中,而只有當使用者和 互動的時候才能體現出來,動態偽類包含兩種。第一種是我們在鏈結中常看到的錨點偽類,如 link ...

css3偽類選擇器

css3偽類選擇器 動態偽類選擇器 他不存在於html中,只有在互動的過程中,才能使用動態偽類選擇器對其進行樣式的渲染 超連結ui元素狀態偽類選擇器 結構偽類選擇器 first child 選擇某個元素的第乙個子元素 last child 選擇某個元素的最後乙個子元素 nth child 選擇某個元...

Css3屬性選擇器與偽類選擇器

其特點是通過屬性來選擇元素,具體有以下 5 種形式 e attr 表示存在attr 屬性即可 div class e attr val 表示屬性值完全等於val div class mydemo e attr val 表示的屬性值裡包含val 字元並且在 任意 位置 div class mydemo...