国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

深入理解CSS中的UI偽類

2024-07-11 09:06:41
字體:
供稿:網(wǎng)友
這篇文章主要介紹了深入理解CSS中的UI偽類,是CSS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下
 
 

偽類(Pseudo classes)是選擇符的螺栓,用來指定一個(gè)或者與其相關(guān)的選擇符的狀態(tài)。它們的形式是 selector:pseudo class { property: value; },簡單地用一個(gè)半角英文冒號(hào)(:)來隔開選擇符和偽類。

偽類可以分為兩種:

    UI( User Interface,用戶界面)偽類會(huì)在 HTML 元素處于某個(gè)狀態(tài)時(shí)(比如鼠標(biāo)
    指針位于鏈接上),為該元素應(yīng)用 CSS 樣式。

    結(jié)構(gòu)化偽類會(huì)在標(biāo)記中存在某種結(jié)構(gòu)上的關(guān)系時(shí)(如某個(gè)元素是一組元素中的第
    一個(gè)或最后一個(gè)),為相應(yīng)元素應(yīng)用 CSS 樣式。

UI偽類
鏈接偽類

針對(duì)鏈接的偽類一共有4個(gè),因?yàn)殒溄邮冀K會(huì)處于如下4種狀態(tài)之一。

    Link
    Visited
    Hover
    Active

    提示:由于這4個(gè)偽類的特指度相同,如果不按照這里列出的順序使用它們,瀏覽器可能不會(huì)顯示預(yù)期效果。方便記憶:LoVe? HA! 大寫字母就是每個(gè)偽類的頭一個(gè)字母。

    提示:一個(gè)冒號(hào)( : )表示偽類,兩個(gè)冒號(hào)( :: )表示 CSS3 新增的偽元素。

focus偽類

表單中的文本字段在用戶單擊它時(shí)會(huì)獲得焦點(diǎn),然后用戶才能在其中輸入字符。
例如:input:focus {border:1px solid blue;}
上面一行代碼會(huì)在光標(biāo)位于 input 字段中時(shí),為該字段添加一個(gè)藍(lán)色邊框。這樣可以讓用戶明確地知道輸入的字符會(huì)出現(xiàn)在哪里。
target偽類

如果用戶點(diǎn)擊一個(gè)指向頁面中其他元素的鏈接,則那個(gè)元素就是目標(biāo)( target),可以
用:target 偽類選中它。
例如:對(duì)于這個(gè)鏈接:<a href="#more_info">More Information</a>
位于頁面的其它地方、ID 為 more_info 的那個(gè)元素就是目標(biāo)。
假設(shè)該元素為這樣:<h2 id="more_info">This is the information you are looking for.</h2>
那么,CSS規(guī)則:#more_info:target {background:#eee}
會(huì)在用戶單擊鏈接轉(zhuǎn)向 ID 為 more_info 的元素時(shí),為該元素添加灰色背景。

    維基百科在其引證中大量使用了:target 偽類。維基百科的引證鏈接就是正文里那些
    不起眼的數(shù)字鏈接。引證本身則位于長長的頁面的最下方。如果沒有:target 應(yīng)用的
    突出顯示,很難知道你點(diǎn)擊的鏈接對(duì)應(yīng)著一大堆引證中的哪一個(gè)。

結(jié)構(gòu)化偽類

結(jié)構(gòu)化偽類可以根據(jù)標(biāo)記的結(jié)構(gòu)應(yīng)用樣式,比如根據(jù)某元素的父元素或前面的同胞元素是什么。
first-child和:last-child

格式:

CSS Code復(fù)制內(nèi)容到剪貼板
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 赤城县| 湘西| 卫辉市| 渭南市| 隆化县| 同心县| 海门市| 绥江县| 河北省| 惠东县| 隆化县| 阳高县| 闵行区| 太和县| 富民县| 栖霞市| 饶阳县| 深圳市| 四子王旗| 腾冲县| 房产| 大庆市| 怀仁县| 科技| 康马县| 西畴县| 霸州市| 怀远县| 祁连县| 曲麻莱县| 巴塘县| 苗栗县| 依兰县| 佛学| 贵港市| 肇源县| 科尔| 通城县| 宜都市| 禹城市| 枣阳市|