Question

如果浏览器支持CSS :first-child选择器，如何使用JavaScript进行检测？

Answer 1

您可以使用:first-child规则设置一些特定值，然后在Javascript中获取计算出的样式，以查看是否应用了:first-child规则，例如

<style>
#foo { width: 200px; }
#foo:first-child { width: 400px; }
</style>

<span><span id="foo"></span></span>

<script>
if ($('#foo').width() < 400)
   alert('first-child not supported.');
</script>

（这未经过测试。我没有IE 6。）

Answer 2

我认为没有jQuery函数可以找到对此的支持。我希望如果确实存在，那将会非常复杂。你真的确定你需要这个吗？小心分享为什么？

如果你仍然可以使用jQuery，为什么不添加一个jQuery语句来为所需的元素分配类/属性/什么，而不是依赖于CSS？

作为一个“手动”答案，查看quirksmode.org compatibility table，所有现代浏览器都完全支持选择器，除了IE系列，即使在IE8中似乎也有问题。

检测：第一胎支持

2 个答案: