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

选择器h3:nth-??child(1):contains('a')为什么不起作用?

选择器h3:nth-??child(1):contains('a')为什么不起作用?

:contains() 不是 原本是CSS3选择器感谢TJCrowder的链接,但它没有做到,很可能是因为它的工作方式往往会导致严重的性能和过度选择问题。例如,如果元素E匹配:contains()给定的字符串参数,则其所有祖先 也将匹配;将其与通用选择器一起使用会导致某些样式属性带来意想不到的结果,而且浏览器的速度很慢。

没有其他CSS选择器可达到的目的:contains()。因此,您将必须找到其他方法,或者通过修改HTML甚至使用jQuery的方法:contains()来实现所需的效果

如果h3元素 是其父元素的第一个子元素 且其文本包含字母“ a” ,则选择该元素。

:contains()在jQuery使用的Sizzle选择器引擎中实现,该引擎也在Selenium RC(但 不是 Selenium WebDriver)中使用。它按照CSS3规范这个已有十多年的修订版中的描述进行工作,但是同样,由于该规范对它的描述方式,您需要谨慎使用它,否则可能会导致意外的选择。

最后,h3:nth-child(1)可以将替换为h3:first-child,因为CSS2选择器具有更好的浏览器支持

其他 2022/1/1 18:19:52 有425人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

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

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

请先登录

推荐问题


联系我
置顶