栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

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

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

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

没有其他CSS选择器可达到的目的

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

如果

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

对于jQuery和Selenium RC用户:

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

最后,

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



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/392760.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号