我有这样的html:
<a id="fixed">01</a>
<a id="fixed">02</a>
<a id="fixed">03</a>
<a href="" id="fixed"><span>001</span></a>
<a href="" id="fixed"><span>002</span></a>
<a href="" id="fixed"><span>003</span></a>
现在我想 Select 002
元素:
<a href="" id="fixed"><span>002</span></a>
我使用a#fixed:has(>span)
来获取最后三个a
元素,但我不能继续使用:nth-child(2)
来 Select 第二个元素.
使用Java脚本代码selectAll()[1].parentNode
是一种实用的方法.
但是我需要在XPath中使用它,所以我正在寻找一个纯CSS Select 器来获取它.
是因为:has()
不能和:nth-child()
或:nth-of-type()
一起使用吗?
如何从几个具有相同子元素特征的父元素中 Select 一个?
PS:只使用纯css.
期待您的答复,谢谢您:)
Thank you for comments.个
-
id
在使用时确实应该是独一无二的.在上面的代码中使用了这一点,因为这段HTML代码就是这样. -
:has()
没有得到很好的支持,我会密切关注的. -
我提到XPath是因为问题实际上来self 的朋友,而XPath方面正是他提到的,我不明白这一点.
我们在线下讨论了这个问题后,得出的结论是,目前不可能.
Thank you all.个
updated: 2022/9/30 Not possible with pure CSS.个