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