如何使用CSS选择器选中Exhibit 2对应的第二个href链接
精准选中第二个符合条件的a标签解决方案
可行的CSS选择器方案
基于元素位置精准匹配
如果第二个目标a是td子元素里的第2个a标签,直接用:td > a:nth-of-type(2)[href^="/Clients/ViewAttachment?"]这个选择器先定位td下的第2个a,再验证href规则,精准锁定目标。
排除法选中间元素(仅三个符合条件时适用)
要是确定只有三个符合href规则的a标签,用排除法选中中间的第二个:td > a[href^="/Clients/ViewAttachment?"]:not(:first-of-type):not(:last-of-type)它会自动排除符合条件的第一个和最后一个a,直接选中中间项。
修正相邻兄弟选择器
你之前的first-of-type + a无效,是因为:first-of-type指的是td下的第一个a标签,而非符合href条件的第一个a。修正后用:td > a[href^="/Clients/ViewAttachment?"]:first-of-type + a[href^="/Clients/ViewAttachment?"]先找到第一个符合href要求的a,再选它紧邻的、同样符合规则的下一个a,就是你要的第二个目标。
无效原因说明
之前的选择器失效,核心问题是:first-of-type的作用范围是父元素内所有同类型元素,而非筛选后的符合条件元素。如果td下第一个a标签的href不符合规则,那后续的+a自然定位不到正确的第二个目标元素。
内容的提问来源于stack exchange,提问作者ScottyCov
相关产品推荐
相关产品推荐

