【建設網(wǎng)站需要多少錢】
應用此樣式的代碼如下:
<p title=”myTest”>匹配具有att屬性且值以val結(jié)尾的E元素</p>
(7) E[att木=val]屬性值子串選擇符
E[att*=val]屬性值子串選擇符用于子字符串匹配,只要屬性中存在指定字符串即應用樣式,使用[棗=]形式控制。其格式為:
E【att*=val]
{
/*CSS代碼+/
}
其中,E表示網(wǎng)頁元素,att表示元素的屬性,val表示屬性值。E[att木=val]屬性值子串選擇符匹配文檔中具有att屬性且其包含val的E元素。示例代碼如下:
p[title*=”est”]{
color:#ff0000;
)
應用此樣式的代碼如下:
<p title=”myTest”>匹配具有att屬性且值包含val的E元素</p>
11.偽類選擇符
偽類選擇符和類選擇符不同,不能像類選擇符一樣隨意用別的名字。偽類可以理解為對象(選擇符)在某個特殊狀態(tài)下(偽類)的樣式。
(1) E:root結(jié)構(gòu)性偽類選擇符
E:root結(jié)構(gòu)性偽類選擇符用于匹配文檔的根元素。在HTML中,根元素永遠是HTML。甘披斗地一其中,E表示網(wǎng)頁元素,root表示根,att表示元素的屬性。示例代碼如下:
html:root {background-color:#dcdcdc;)
應用此樣式的代碼如下:
<div style=”width:233px; border: lpx solid #666; padding:5px;”>
<p>結(jié)構(gòu)性偽類E:root</p>
瀏覽器中的瀏覽效果如圖6-8所示。
(2) E:nth-child(n)結(jié)構(gòu)性偽類選擇符
E:nth-child(n)結(jié)構(gòu)性偽類選擇符用于匹配父元素中的第胛個子元素E。其格式為:
E:nth-child(n):[att]
{
/*CSS代碼+/ i
)