我正在完成我的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)将适合你.