第一章 第三課 選擇器 狀態偽類選擇器 一

2022-07-22 07:09:08 字數 533 閱讀 4065

css3的偽類選擇器就是多,今天我們來學習新的偽類選擇器——ul狀態偽類選擇器。這些選擇器都有乙個共同的特徵名那就是定義的樣式只有當元素處於某種狀態下時才起作用,在預設狀態下無效。

今天我們先來接觸:hover、active和:focus這三種狀態偽類選擇器。

:hover選擇器、:active選擇器和:focus選擇器

:hover選擇器:當滑鼠懸停在所指定的元素上時所使用的樣式;

:active選擇器:當所指定的元素處於啟用狀態(滑鼠在元素上按下還沒有鬆開)時所使用的樣式;

:focus選擇器:當元素獲得游標焦點時使用的樣式,主要用在文字框輸入文字時使用;

【注】下方案例執行效果,之所以點選後立即變為綠色是因為active觸發的同時focus也觸發了,所以active定義的樣式看似無效,大家可以先把focus定義的樣式注釋掉執行;

第一章 第三課 選擇器 狀態偽類選擇器 四

前三節我們學習了form元素的狀態偽類選擇器,今天我們再來學習一下核取方塊和單選框的選擇器,以下選擇器opera支援最好!default選擇器 checked選擇器和 indeterminate選擇器 default狀態偽類選擇器用來指定當前元素處於 非選取狀態 的單選框或核取方塊的樣式 check...

jQuery學習第三課 選擇器第一講

1.什麼是 jquery 選擇器 2.jquery 選擇器的優勢在 3.jquery 選擇器的種類 什麼是 jquery 選擇器 jquery 中的選擇器完全繼承了 css1.0 2.0 的風格,實現少部分 css3 選擇器,如果對於 css選擇器非常了解,那麼學習 jquery 選擇器會非常簡單。...

第一章 第二課 選擇器 結構性偽類選擇器 三

後台資料管理列表經常會有隔行換色的效果,在過去我們的做法是通過js來計算奇數行和偶數航,如今我們有了css3不需要這樣來做了,只需要css定義一下即可 上節課,我們雖然學習了nth chil和nth last child的用法,本節課我們來學習它的高階用法 nth child選擇器和 nth las...