CSS是前端開(kāi)發(fā)中重要的一部分,可以控制網(wǎng)頁(yè)的樣式,其中獲取最后一個(gè)元素也是常用的一個(gè)操作。下面介紹幾種CSS獲取最后一個(gè)元素節(jié)點(diǎn)的方法:
1. :last-child selector :last-child選擇器表示元素是其父元素的最后一個(gè)子元素。可以直接使用在某個(gè)父級(jí)元素下,例如ul>li:last-child,表示選中ul下的最后一個(gè)li元素。 2. :last-of-type selector :last-of-type選擇器表示元素是其父元素的最后一個(gè)指定類型的子元素,可以和其它選擇器一起用,例如div p:last-of-type,表示選中所有div下的最后一個(gè)p元素。 3. nth-last-child selector :nth-last-child選擇器可以選擇倒數(shù)第幾個(gè)元素,例如:nth-last-child(1)表示倒數(shù)第一個(gè)元素,也就是最后一個(gè)元素。 4. last-child pseudo-class :last-child偽類可以找到父元素中的最后一個(gè)子元素,例如ul li:last-child,表示選中ul下的最后一個(gè)li元素。
以上是幾種常用的CSS獲取最后一個(gè)元素節(jié)點(diǎn)的方法,根據(jù)實(shí)際需求選擇使用。
上一篇css拼寫(xiě)代碼
下一篇css拉伸圓角圖片