在列表中正确使用不（：最后一个孩子）
我试图达到UL/LI列表中的最后一个元素以外的所有内容，但无法使其正常工作……任何帮助都将不胜感激。结构是这样的：
<ul class="xxx">
<li>
<figure>
[different divs / content]
</figure>
</li>
<li>
<figure>
[different divs / content]
</figure>
</li>
<ul>
我要做的是将一些CSS（边界底）添加到最后一个元素之外的所有内容...
.xxx{
figure:not(:last-child) {
/* attributes */
}
}
...我在这里做错了什么...？ :-)提前感谢一百万。
I am trying to reach all but the last element inside an ul/li list but can't get it to work... any help would be much appreciated. The structure is something like this:
<ul class="xxx">
<li>
<figure>
[different divs / content]
</figure>
</li>
<li>
<figure>
[different divs / content]
</figure>
</li>
<ul>
What I am trying to do is add some CSS (border-bottom) to all but the last element...
.xxx{
figure:not(:last-child) {
/* attributes */
}
}
... what do I do wrong here...? :-) Thanks a million in advance.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您拥有的每个
图元素是其容器中的最后（也是唯一）元素。如果要定位
图在每个li内不是ul中的最后一个元素，则需要将伪级应用于正确的元素（li）。Every
figureelement you have is the last (and only) element in its container.If you want to target the
figureinside everylithat is not the last element in theulthen you need to apply the pseudo-class to the right element (theli).