Css 选择列表中不工作的最后一个子项
我有一个列表,但是使用了Css 选择列表中不工作的最后一个子项,css,css-selectors,Css,Css Selectors,我有一个列表,但是使用了,它看起来像这样 <p class="title"> <p> <p class="title> <p> <p class="title> <p> 然后,我想删除最后一个p,通过 .title+P:最后一个子项应用边距为零,但它不起作用带有P和十个类名的目标 尝试p.标题:最后一个孩子 在html中,缺少p的结束标记,这就是它根本无法识别p标记的原因。用一个div把p包起来 选中此复选框。在这种情
,它看起来像这样
<p class="title">
<p>
<p class="title>
<p>
<p class="title>
<p>
然后,我想删除最后一个p,通过
.title+P:最后一个子项
应用边距为零,但它不起作用带有P和十个类名的目标
尝试p.标题:最后一个孩子
在html中,缺少p
的结束标记,这就是它根本无法识别p
标记的原因。用一个div把p包起来
选中此复选框。在这种情况下,您应该使用: 演示
阅读
最后一个孩子
和最后一个类型
at之间的区别。试试这个:
p:last-child {
margin-bottom:0;
}
检查你的HTML,缺少类的结束语
“
。这可能也是一个问题。所以你想让它看起来像这样?但我猜你不能这样做?哪里有列表?我看到了3个段落为什么这个问题有3个赞成票?
不需要结束语标记(除非在特定情况下,但不在这里)。
.title + p:last-of-type {
margin-bottom: 0;
}
p:last-child {
margin-bottom:0;
}