【專業(yè)品牌網(wǎng)站建設(shè)】
圖6-10 E:nth-last-child(n)選擇符 圖6-11 E:frst-child與E:last-child選擇符(5) E:only-child結(jié)構(gòu)性偽類選擇符E:only-child結(jié)構(gòu)性偽類選擇符用于匹配屬于父元素中唯一的子元素。其格式為：
E:only-child:[att]
{
/*CSS代碼*／
}
其中，E表示網(wǎng)頁元素，
.txtonlycld{
width:233px;
)
.txtonlycld p{
color:#099;
only-child表示唯一的子元素，att表示元素的屬性。示例代碼如下
.txtonlycld p:only-child{
color:#ff0000;
)
應(yīng)用此樣式的代碼如下：
<ul class=”txtonlycld”>
<p>我們是一起的</p>
<p>不得變成紅的</p>
／+父元素的樣式texfstcld*/
／+父元素中的唯一子元素，紅色文字+／
<!．．套用父元素的樣式txtonlycld-->
<!．，父元素中的第一個(gè)子元素．．>
<!．，父元素中的第二個(gè)子元素．．>
</ul>
<ul class=”txtonlycld”>
<p>我只有一個(gè)，我要變紅求關(guān)注</p> <!一父元素中的唯一子元素一>
</ul>
瀏覽器中的瀏覽效果如圖6-12所示。
(6) E:empty結(jié)構(gòu)性偽類選擇符
E:empty結(jié)構(gòu)性偽類選擇符用于匹配內(nèi)容為空的元素。其格式為：
E:empty:[att]
{
/*css代碼+／
}
其中，E表示網(wǎng)頁元素，empty表示內(nèi)容為空的元素，att表示元素的屬性。示例代碼如下：
