在CSS中選取最后一個子元素,可以使用偽類:last-child
。
/* 選取class為list的最后一個li元素 */ .list li:last-child { background-color: yellow; }
上面的代碼將選中class為list的ul元素下的最后一個li元素,添加黃色的背景色。
我們也可以選取最后一個類型相同的元素,不限于子元素。 例如:
/* 選取最后一個p元素 */ p:last-of-type { font-size: 24px; }
上面的代碼將選中頁面中最后一個p元素,設置字體大小為24像素。
需要注意的是,:last-child
和:last-of-type
是會區別的。其中,:last-child
僅僅匹配父元素下的最后一個子元素,而:last-of-type
會匹配父元素下的最后一個指定類型的元素。
選取最后一個子元素或元素類型是開發中常用的操作之一,值得大家掌握。
上一篇css選擇iput
下一篇包含CSS樣式不包含哪種