html – div类的最后一个孩子

前端之家收集整理的这篇文章主要介绍了html – div类的最后一个孩子前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在完成我的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>

在此先感谢您的帮助.

解决方法

你已经命名了你想要的东西: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)将适合你.

猜你在找的HTML相关文章