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