欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css選取最后一個子元素

夏志豪1年前11瀏覽0評論

在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會匹配父元素下的最后一個指定類型的元素。

選取最后一個子元素或元素類型是開發中常用的操作之一,值得大家掌握。