【自動(dòng)采集網(wǎng)站建設(shè)】示例代碼如下：
input[type=”text”]:hover{ background: #6cf;} ／+鼠標(biāo)指針懸停的樣式+／
input[type=”text'’】:focus{ background: #390;} 產(chǎn)獲取焦點(diǎn)的樣式+／
input[type=”text”]:active{ background: #999;） 產(chǎn)按下鼠標(biāo)未松手的樣式+／
應(yīng)用此樣式的代碼如下：
<p>姓名：<input type=”text" name=”name”／><／p>
<p>地址：<input type=”text" name=”address”／><／p>
瀏覽器中的瀏覽效果如圖6-16所示。
(a)頁(yè)面初次加載 (b)鼠標(biāo)指針懸停 (3)按下鼠標(biāo)未松手 (d)獲取{
圖6-16 UI元素狀態(tài)偽類(lèi)選擇符的瀏覽效果
需要注意的是，active樣式要寫(xiě)在focus樣式后面，否則不會(huì)生效。因?yàn)闉g覽者按下鼠標(biāo)未松手( active)的時(shí)刻其實(shí)也是獲取焦點(diǎn)(focus)的時(shí)刻，所以，如果把focus樣式寫(xiě)到active樣式后面，就會(huì)重寫(xiě)樣式。
6.4多重樣式表的層疊
前面介紹了在網(wǎng)頁(yè)中插入樣式表的4種方法，如果這4種方法同時(shí)出現(xiàn)，瀏覽器會(huì)以哪種方法定義的規(guī)則為準(zhǔn)？這涉及樣式表的優(yōu)先級(jí)和疊加。一般原則是，最接近目標(biāo)的樣式定義優(yōu)先級(jí)最高。高優(yōu)先級(jí)樣式將繼承低優(yōu)先級(jí)樣式的未重疊定義，但覆蓋重疊的定義。根據(jù)規(guī)定，樣式表的優(yōu)先級(jí)別從高到低為：行內(nèi)樣式表、內(nèi)部樣式表、鏈入的外部樣式表、導(dǎo)入的外部樣式表和默認(rèn)瀏覽器樣式表。瀏覽器將按照上述順序執(zhí)行樣式表的規(guī)則。
樣式表的層疊性就是繼承性，樣式表的繼承規(guī)則是：外部的元素樣式會(huì)保留下來(lái)，由這個(gè)元素所包含的其他元素繼承；所有在元素中嵌套的元素都會(huì)繼承外層元素指定的屬性值，有時(shí)會(huì)把多層嵌套的樣式疊加在一起，除非進(jìn)行更改；遇到?jīng)_突的地方，以最后定義的為準(zhǔn)。
