在CSS中,有一種非常方便的選擇器,可以直接對最后一個標(biāo)簽進行樣式設(shè)置。這個選擇器就是:last-child。
CSS語法: 標(biāo)簽名:last-child{ 樣式屬性:屬性值; }
這個選擇器的意思是,選擇其父元素中的最后一個該標(biāo)簽名的子元素,然后對其應(yīng)用樣式。
例如,下面這個HTML代碼:
<div> <p>第一段</p> <p>第二段</p> <p>第三段</p> </div>
如果我們希望給最后一個p標(biāo)簽添加一個底邊框,我們可以這樣寫CSS:
p:last-child{ border-bottom: 1px solid black; }
這樣,第三段文字就會擁有一個底邊框。
需要注意的是,這個選擇器只對其所在的父元素中的標(biāo)簽名為指定名稱的最后一個子元素起作用。如果父元素中還有其他標(biāo)簽名不同的子元素,那么這個選擇器并不能選中他們。如果想要選擇所有最后一個子元素,而不受標(biāo)簽名的影響,除了寫多個選擇器外,還可以使用:last-of-type選擇器。
總之,這個選擇器非常方便,能夠讓我們輕松地修改最后一個標(biāo)簽的樣式,建議多加利用。
上一篇css顯示水平滾動條
下一篇css顯示錢符號的樣式