網(wǎng)站建設(shè)定制公司:att表示元素的屬性
應(yīng)用此樣式的代碼如下:
<ul class="txtnthcld">
<p>我們是一起的</p>
<p>不得變成紅的</p>
/+父元素的樣式txtnthcld*/
/+作用于父元素中倒數(shù)第3個(gè)子元素+/
<!..套用父元素的樣式txtnthcld-一>
<!..父元素中的倒數(shù)第3個(gè)子元素.->
<p>我是第三個(gè),我要變紅求關(guān)注</p>
</ul>
瀏覽器中的瀏覽效果如圖6-10所示。
(4) E:first-child與E:last-child結(jié)構(gòu)性偽類選擇符
●E:first-child結(jié)構(gòu)性偽類選擇符用于匹配父元素中第一個(gè)子元素。其格式為:
E:first-child:[att]
{
/*CSS代碼*,
}
其中,E表示網(wǎng)頁(yè)元素,first-child表示第一個(gè)子元素,att表示元素的屬性。
●E:last-child結(jié)構(gòu)性偽類選擇符用于匹配父元素中最后一個(gè)子元素。其格式為:
E:last-child:【att]
{
/*CSS代碼*/
}
其中,E表示網(wǎng)頁(yè)元素,
.texfstcld f
width:200px;
)
last-child表示最后一個(gè)子元素,att表示元素的屬性。示例代碼如下:
texfstcld li{
width:100%;
background-color:#999
list-style:none;
border:solid lpx #000;
.texfstcld li:first-child {
border-top:none;
.texfstcld li:last-child {
border-bottom:none;
/+父元素的樣式texfstcld*/
/+父元素的第一個(gè)子元素樣式,上邊框無(wú)框線8/
/+父元素的最后一個(gè)子元素樣式,下邊框無(wú)框線+/
<li>購(gòu)物車</li> <1--父元素中的第一個(gè)子元素..>
<li>客服中心</li>
<li>加入收藏</li>
<li>登錄</li>
<li>注冊(cè)</li> <1--父元素中的最后一個(gè)子元素..>
</ul>