CSS3中提供了一個非常方便的偽類選擇器,可以用來實現在列表、表格等元素中顯示最后一條線。該偽類選擇器就是:last-child。
ul li:last-child {
border-bottom: none;
}
table tr:last-child td {
border-bottom: none;
}
/* 注意::last-child僅限于當前父元素下的最后一個子元素 */
在上述代碼中,我們利用:last-child偽類選擇器,去掉了某個元素下的最后一個子元素的下邊框,從而實現了顯示最后一條線的效果。
需要注意的是,:last-child僅限于當前父元素下的最后一個子元素。如果在不同的父元素下有多個元素需要顯示最后一條線,則需要為每個父元素分別添加:last-child選擇器。