如何使用JavaScript检测浏览器是否支持CSS :first-child
选择器?检测:首次子女支持
3
A
回答
4
您可以使用该规则设置一些具体的值,然后在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)
2
我不认为有一个jQuery函数来找出对此的支持。我想如果它确实存在,它会变得非常复杂。你确定你需要这个吗?小心分享为什么?
如果你仍然可以使用jQuery,为什么不添加一个jQuery语句来为所需的元素指定class/property/whatever,而不是依赖于CSS?
作为一个“手册”的回答,看看quirksmode.org compatibility table,除IE家族外,所有现代浏览器都完全支持该选择器,即使在IE8中,该家族似乎也有问题。
相关问题
- 1. 动态检测XML子女
- 2. 检测首次运行
- 3. 检测对象是否有子女
- 4. 检测鼠标支持
- 5. iOS检测IPv6支持
- 6. Web - 检测手势支持
- 7. 检测Android语言支持
- 8. Android人脸检测支持
- 9. 检测支持通知
- 10. 如何检测`focusin`支持?
- 11. Css属性支持检测
- 12. 检测是否支持SSL
- 13. 检测SSL SNI支持
- 14. Android的Facebook的检测首次登录
- 15. 检测是否JSP负荷首次
- 16. WebGL检测为支持时,它实际上不支持
- 17. Wordpress检索张贴子女
- 18. iOS首次发布游戏 - 检测应用程序是否首次推出
- 19. 保持N首次出现
- 20. React Native:检测是否支持UIVisualEffectView
- 21. 检测操作者支持与decltype/SFINAE
- 22. JQuery - 检测CSS'display:table-row-group'的支持'
- 23. 使用JavaScript检测WOFF支持?
- 24. 检测浏览器与Modernizr支持css3
- 25. 检测事件捕获支持javascript
- 26. 如何检测rel =“noreferrer”支持?
- 27. 如何检测浏览器支持requestFullscreen
- 28. 检测粗体和斜体支持
- 29. 如何检测是否支持clipboard.js
- 30. Modernizr 2.0 beta支持检测@media查询
你需要* *检测呢? :)目前支持几乎所有的东西:http://www.quirksmode.org/css/contents.html#t17 – 2010-09-11 20:04:21
...检查jQuery版本是否[≥1.1.4](http:// api。 jquery.com/first-child-selector/)? :p – kennytm 2010-09-11 20:07:18
@Kenny使这个答案 - 这就是所有OP需要检查的 – 2010-09-11 20:09:32