在动态列表中应用/删除最后一个子样式

时间:2016-05-31 03:47:06

标签: jquery css

我有一个无序列表,其中包含可以显示/隐藏的动态内容,所有li都具有border-bottom,除了最后一个子节点。

但是,将jquery的.hide()应用于最后一个子元素时,元素只显示为display:none,因此可视化的最后一个元素仍显示其border-bottom。

解决此问题的最佳方法是什么,也可以在项目中的其他类似ul中重复使用?

1 个答案:

答案 0 :(得分:0)

如果你想删除最后一个' li'元素,然后使用以下CSS: -

.classname:last-child{
    border-bottom:0;
}

classname是添加到' li'元件。

.hide()会隐藏最后一个' li'元素,而不是边界。