您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

CSS从具有特定属性的元素中选择第一个孩子

CSS从具有特定属性的元素中选择第一个孩子

:first-child伪类仅着眼于第一子节点,因此,如果第一个孩子是不是element[bla="3"],则选择一无所有。

没有类似的属性过滤器伪类。一种简单的解决方法是选择每个对象,然后排除第一个对象之后的内容

element[bla="3"] {
}

element[bla="3"] ~ element[bla="3"] {
    /* Reverse the above rule */
}

当然,这仅适用于样式。如果您要出于样式之外的目的挑选该元素(因为标记看起来是任意XML而不是HTML),则必须使用其他类似的东西document.querySelector()

var firstChildWithAttr = document.querySelector('element[bla="3"]');

或XPath表达式:

//element[@bla='3'][1]
CSS 2022/1/1 18:24:51 有421人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶