html - div 类的最后一个 child

Question

我正在完成一些 Wordpress 网页，我想设置样式(使用 CSS)帖子 页面中的条目列表。 WordPress 创建了这个:

<div class="entry">

页面中有很多这些元素，为了将它们分开，我在条目底部使用了边框。问题是我不希望最后一个条目有这个边框。可以用 CSS 做类似的事情吗？ (请注意，它不是一个列表，所以我不能使用伪类)

这是我的 CSS，非常简单:

.entry{  border-bottom: 1px solid yellow; }

HTML:

<div id="wrapper">
  <br />
  there are loads of code
  <br />
  <div class="entry">bunch of code there</div>
  <br />
  <div class="entry">bunch of code there</div>
  <br />
  <div class="entry">bunch of code there</div>
  <br />
  another huge code
  <br />
</div>

预先感谢您的帮助。

Answer 1

您已经为要查找的内容命名:last-child : http://reference.sitepoint.com/css/pseudoclass-lastchild

所以使用.entry:not(:last-child) { border-bottom: 1px solid yellow; }

Note that it´s not a list so I can´t use pseudo-classes)

JSYK，伪类不依赖于包含元素是列表。如果你的意思是最后的 .entry元素实际上不是其容器的最后一个子元素，它仍然可以选择它。但除非您向我展示实际标记的样子，否则我无法告诉您如何操作。

如果你的最终div.entry后面没有任何其他 div，则选择器 .entry:not(:last-of-type)会为你工作。