DIV CSS 佈局教程網

一、UI元素狀態偽類選擇器

UI元素狀態偽類選擇器，額，這個術語真專業……

坑爹的術語，往往都是嚇唬人的。其實，UI元素狀態偽類選擇器指的是“UI元素狀態”這方面的偽類選擇器，很簡單。UI，是用戶界面（User Interface）的意思。所謂的UI設計是指對軟件的人機交互、操作邏輯、界面美觀的綜合設計。

UI元素狀態包括：可用、不可用、選中、未選中、獲取焦點、失去焦點等。

這些選擇器的共同特征是：指定的樣式只有當元素處於某種狀態下時才起作用，在默認狀態下不起作用。UI元素狀態偽類選擇器大多數都是針對表單元素來使用的。

這裡，我們僅僅是講解CSS3新增的UI元素狀態偽類選擇器。

CSS3 UI元素狀態偽類選擇器 選擇器 說明 E:focus 指定元素獲得光標焦點時使用的樣式 E:checked 選擇E元素中所有被選中的元素 E::selection 改變E元素中被選擇的網頁文本的顯示效果 E:enabled 選擇E元素中所有“可用”元素 E:disabled 選擇E元素中所有“不可用”元素 E:read-write 選擇E元素中所有“可讀寫”元素 E:read-only 選擇E元素中所有“只讀”元素 E::before 在E元素之前插入內容 E::after 在E元素之後插入內容

在接下來的課程中，我們一一詳細地為大家講解這些UI元素狀態偽類選擇器。