Javascript 检测：第一个孩子的支持

如何使用JavaScript检测浏览器是否支持CSS

：first child

选择器？

我不认为有jQuery函数可以找到对此的支持。我想如果它真的存在的话，它将是相当复杂的。你真的确定你需要这个吗？想分享一下原因吗

如果您仍然可以使用jQuery，为什么不添加jQuery语句来将类/属性/任何内容分配给所需的元素，而不是依赖CSS呢

---

作为一个“手动”答案，请看，选择器在所有现代浏览器中都完全受支持，但IE系列除外，它似乎在IE8中也有问题。

您可以使用

：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>

#foo{宽度：200px；}
#foo:first child{width:400px；}
如果（$（'#foo'）.width（）<400）
警报（“不支持第一个孩子”）；

---

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

您需要检测它吗？：）它几乎支持当前的所有内容：。。。检查jQuery版本是否为？：p@Kenny，@Pekka-jQuery支持它，而浏览器支持它（作为CSS选择器）是两件不同的事情…@Pekka-jQuery在标签中，但他在问题中问浏览器是否支持它…我认为这充其量是一个可疑的假设。我添加了[CSS选择器]我找到了这一页，但不知道如何使用it@WorkingHard：jQuery.support无法测试

：first child

support。@努力工作，我首先会问自己为什么需要这个。这是对问题+1的准确回答。虽然我有一种感觉，首先必须找出这个问题的基本前提是错误的设计决策。@WorkingHard：什么额外的块？@WorkingHard你在说什么？@WorkingHard是真的。但是我不认为您能够绕过引入这样的元素（尽管您应该能够设置

display:none

，所以它是隐藏的）。不过，我的基本问题仍然是：你为什么需要这个？