我有这样的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.

推荐答案

The short answer is No, you can't do that.
Pure CSS does not supports this.

Html相关问答推荐

如何格式化HTML文本,使其环绕关键字

Chrome中是否有一个本地显示密码功能,用于`input type = password/`?""<"">

如何增加行背景的宽度而不影响上面的内容?""' HTML CSS

当使用浮动标签和大小时,如何在 Select 组件中有更多可见选项?

Div内容防止同级大小增加

覆盖垫子中的边框底部 Select

轨道上的居中范围滑块拇指(Webkit)

SVG';COLOR&39;属性不优先于通用css';COLOR&39;属性

如何使用css创建六边形棋盘?

如何使用 HTML 将对象数组发送到 Nodejs Express

如何根据剪辑路径边缘设置文本边距?

如何使用javascript在jsx中重复插入特殊字符?

如何在Rmarkdown中添加千位分隔符?

当作为常规图片输入时,Cloudfront分布式图像可显示,但作为背景图像不显示

动态计算高度时 Div 不保持 1/1 纵横比

您如何动态更改 Vue 中更高级别的标签的 CSS

无法使用 flexbox 裁剪图像

html tailwindcss 给 li 标签添加边框

Bootstrap Grid System col 无法正常工作

下拉菜单项在页面加载时显示,需要隐藏直到悬停