选择列表中的最后一个孩子不起作用

Question

我有一个列表，但使用<p>，它看起来像这样

<p class="title">
<p>

<p class="title>
<p>

<p class="title>
<p>

所以我用了

.title + P to apply `margin-bottom: 20px;`

然后我希望删除最后一个p，by .title + P:last-child应用保证金零，但不起作用

Answer 1

使用p和十个班级名称

进行定位

尝试p.title:last-child

缺少p的html结束标记，这就是它根本无法识别p标记的原因。并用div包装p。

选中 DEMO

Answer 2

在这种情况下，您应该使用last-of-type：

.title + p:last-of-type {
    margin-bottom: 0;
}

演示http://jsfiddle.net/ppLGv/

在css-tricks了解last-child与last-of-type之间的区别。

Answer 3

试试这个：

p:last-child {
  margin-bottom:0;
}