我想要类似 jquery 的东西:last选择器，但在纯CSS中。
我怎样才能只得到'z'段落，如果我不知道它在 DOM 结构中的索引！。
或者如何获取“.area”类的最后一个孩子？
我看到这个CSS3 获取最后一个元素 https://stackoverflow.com/questions/3740949/css3-get-last-element，但它在我的情况下不起作用，因为我的父元素中有另一个孩子。
p.area:last-child不起作用！
当我们知道有多少元素属于类时，我找到了一个解决方案.area.
选择器看起来像这样：p.area ~ p.area ~ p.area但当我们不知道...我想...
只是为了好玩=）
<div>
<h1>This is a heading</h1>
<p class="">The first paragraph.</p>
<p class="area">The x paragraph.</p>
<p class="area">The y paragraph.</p>
<p class="area">The z paragraph.</p>
<p class="">The last paragraph.</p>
</div
如果没有 javascript，你就无法做到这一点。这是引用自W3C 规范 http://www.w3.org/TR/css3-selectors/#structural-pseudos:
当以下情况时，独立文本和其他非元素节点不计算在内：
计算元素在其子元素列表中的位置
父母。
伪类针对无法使用组合器或简单选择器（如 id 或 class）定位的元素。这些类型的伪类称为“结构伪类 http://www.w3.org/TR/css3-selectors/#structural-pseudos“。他们会忽略元素上有一个类的事实，而只是使用 DOM 来确定要定位的正确元素。
在这种情况下，您唯一的选择是使用 nth-child 或 javascript 进行显式定位。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
