如何为mozilla,chrome和IE编写特定的CSS语句

时间:2013-12-11 12:29:16

标签: css

请告诉我如何编写单一语句,具体针对IE,Mozilla,Chrome。

1 个答案:

答案 0 :(得分:0)

是否使用这种方法专门针对浏览器是一个好主意或不是一个单独的问题本身。但是,假设您有合理的理由按照要求定位浏览器,有几种方法可以实现目标

CSS浏览器特定选择器黑客

browserhacks.com有一个详尽的浏览器特定选择器列表,仅适用于特定浏览器。此外,正如Alien先生所建议的那样,this question也很好地详述了浏览器的攻击行为。

CSS浏览器选择器JS库

此库会向根html标记添加类,以指示浏览器和更多其他可能有用的信息:https://github.com/ridjohansen/css_browser_selector/

一旦你加入了这个库,就可以了。您可以使用这些类来定位css中的特定浏览器,类似于:

.chrome .some-class { } /* Will only apply in chrome (all versions) */
.ie .some-class { } /* Will only apply in IE (all versions) */
.ie7 .some-class { } /* Will only apply in IE7 */
.opera .some-class { } /* Will only apply in Opera (all versions) */

该库将添加一组可用于基于浏览器,浏览器版本,平台,平台版本,设备,设备版本等进行定位的类。有关详细信息,请查看github链接中的文档。