CSS中的 :last-child 是一個(gè)非常實(shí)用的偽類，它可以選取一個(gè)元素的最后一個(gè)子元素。使用:last-child選擇器可以輕松地為最后一個(gè)元素設(shè)置特殊樣式，而不需要為其添加額外的class或id。

/* 選擇表格中的每一行中最后一個(gè)單元格 */
table tr td:last-child {
background-color: lightblue;
}
/* 選擇列表中的每一項(xiàng)中最后的元素 */
ul li:last-child {
font-weight: bold;
}

在實(shí)際應(yīng)用中，可以通過:last-child選擇器來添加一些類似于注腳或者副標(biāo)題的樣式。例如，在一個(gè)列表中，最后一個(gè)元素可以加上一些特殊的樣式，從而使它與其他元素有所不同。

/* 選擇列表中最后一個(gè)元素 */
ul li:last-child {
font-style:italic;
font-size: 12px;
color: #999;
}

還可以結(jié)合:first-child和:last-child選擇器來為某個(gè)列表的首尾元素設(shè)置不同的樣式。

/* 選擇列表中第一個(gè)元素和最后一個(gè)元素 */
ul li:first-child,
ul li:last-child {
background-color: #eee;
color: #333;
text-transform: uppercase;
}
/* 選擇列表中最后一個(gè)元素 */
ul li:last-child {
font-weight: bold;
font-style:italic;
font-size: 12px;
color: #999;
}

總之，使用:last-child選擇器可以非常方便地為一個(gè)元素的最后一個(gè)子元素設(shè)置特殊樣式。值得注意的是，在IE8及以下版本的瀏覽器中，不支持該選擇器。因此，在實(shí)際使用中需要根據(jù)具體情況來考慮是否使用:last-child。