DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS3基礎 >> 4.1 UI元素狀態偽類選擇器
4.1 UI元素狀態偽類選擇器
編輯:CSS3基礎      日期:2016/12/22 13:50:19

一、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元素狀態偽類選擇器。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved