是否有第 n 个匹配元素的 CSS 选择器,无论其父元素如何。
例如下面介绍如何仅选择“第二段”。还没有第四个吗?
<div>
<p>The first paragraph.</p>
<p>The second paragraph.</p>
</div>
<div>
<p>The third paragraph.</p>
<p>The fourth paragraph.</p>
</div>
我认为 p:nth-of type(2) 可以做到这一点,但是它选择了第二个和第四个(这是每个父 div 的第二个)。
JSFiddle -https://jsfiddle.net/km4nbfz9/ https://jsfiddle.net/km4nbfz9/
编辑 - 这只是 HTML 的一个示例,问题是如何使其适用于与 CSS 选择器匹配的第 n 个元素,无论父元素和结构如何。
NO
The spec https://www.w3.org/TR/css3-selectors/#nth-child-pseudo says:
:nth-child(an+b) 伪类表示法表示具有 an+b-1 的元素siblings对于任何正整数或 n 的零值,在文档树中的它之前,并且有一个parent元素。
没有第 n 个 DOM选择器。
这里的关键词是siblings..这需要父母,而不是叔叔或祖父母等。
正如评论中提到的@马科斯·佩雷斯·古德 https://stackoverflow.com/users/5035890/marcos-p%C3%A9rez-gude
“DOM 是一棵树。所以如果你仔细想想,节点总是依赖于它的父节点。”
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)