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;
}