ul li:last-child {
border-bottom: none;
}
table tr:last-child td {
border-bottom: none;
}
/* 注意::last-child仅限于当前父元素下的最后一个子元素 */
在上述代码中,大家利用:last-child伪类选择器,去掉了某个元素下的最后一个子元素的下边框,从而实现了显示最后一条线的效果。
需要注意的是,:last-child仅限于当前父元素下的最后一个子元素。如果在不同的父元素下有多个元素需要显示最后一条线,则需要为每个父元素分别添加:last-child选择器。