用于检测浏览器对选择器支持的最佳 CSS 属性是什么
我正在编写一些 Modernizr 扩展来检测浏览器对 CSS 中的 :first-child、:last-child 等内容的支持。为此，我应用了一种样式，然后检查该元素是否具有该样式。
用作我的测试样式的最可靠的 CSS 属性是什么？
例如，颜色是一个糟糕的选择，就像您输入 #123abc 一样，浏览器可能会将其转换为 rgb(#,#,#)
所以我正在寻找一个
- 跨浏览器支持的
- 属性，不会被突变为不同的格式浏览器
目前我正在使用宽度，这可能没问题，但我想我还是要在这里检查一下。
I'm writing some Modernizr extensions to detect browser support for things such as :first-child, :last-child in CSS. In order to do so I'm applying a style and then checking to see if teh element has that style.
What's the most-reliable CSS property to use as my test style?
e.g. color is a bad choice as if you enter in #123abc the browser may convert it to rgb(#,#,#)
So I'm looking for a property that
- Is supported across browsers
- Won't be mutated to a different format by the browser
At the moment I'm using width, which is probably OK, but thought I'd check here anyway.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我昨天刚刚写了这个 http://jsfiddle.net/laustdeleuran/3rEVe/ ，它的作用正是如此你正在谈论 - 它功能检测对 :last-child 伪选择器的支持。我还使用宽度作为我的风格来检查，它似乎工作得很好。
到目前为止，我已经在 Windows XP 上的 IE6-8 中成功测试了它； Windows 7 上的 IE9、Chrome 12、Safari 5、FireFox 4 和 Opera 11 以及 Mac 上的 Opera 11、FireFox 4、Safari 5 和 Chrome 12。
如果您愿意，请随意使用它。
I just wrote this http://jsfiddle.net/laustdeleuran/3rEVe/ yesterday, which does exactly what you're talking about - it feature detects support for the :last-child pseudo selector. I'm also using width as my style to check on, and it seems to be working just fine.
I've so far tested it with succes in IE6-8 on Windows XP; IE9, Chrome 12, Safari 5, FireFox 4 and Opera 11 on Windows 7 and Opera 11, FireFox 4, Safari 5 and Chrome 12 on Mac.
Feel free to use it as it if you want to.