Question

请指导我如何编写浏览器特定的css属性（不是类或ID）？我无法管理不同浏览器的不同css文件。我想使用相同的css文件和类，但如有差异，我会提到浏览器太平洋属性。

请指导我如何做到这一点。

Answer 1

请更具体，但是当您通常编写CSS时，您希望它与所有浏览器兼容。

像webkit这样的东西各不相同，（在firefox中它是moz）但通常如果你在css中查找某些东西，就可以在每个浏览器中执行它。

background-image: -webkit-linear-gradient(left, #cccccc, #333333, #cccccc);
background-image: -moz-linear-gradient(left, #cccccc, #333333, #cccccc);
background-image: -ms-linear-gradient(left, #cccccc, #333333, #cccccc);
background-image: -o-linear-gradient(left, #cccccc, #333333, #cccccc);

例如，上面的代码应该可以在大多数现代浏览器中使用，如果所有这些代码都失败了，那么只需要一个回退（本例中为纯黑色）。

另外，你总是可以使用不同的css文件，这不是很困难。

Answer 2

您可以使用jquery应用不同的css类

if($.browser.msie){
$("#someDiv").addclass("SomeClass");
}

$。browser.msie适用于Internet Explorer
$ .browser.chrome for chrome
$ .browser.mozilla for mozilla
$ .browser.safari for safari
歌剧的$ .browser.opera

这种方式可以让您在基于定位的问题时具有灵活性

参考：http://api.jquery.com/jQuery.browser/

Answer 3

很简单，您必须根据需要写出每个供应商前缀或使用CSS预处理器（如LESS）。

Prefixr也可以作为Sublime Text的插件使用，如果您正好使用它（除了我使用LESS之外我做了）。

Answer 4

我猜您的意思是供应商特定前缀。我发现了你可能喜欢的一些有趣的东西： http://css3please.com/

请查看其他相关工具：http://css-tricks.com/tldr-on-vendor-prefix-drama/

Answer 5

如果我可以，我可以推荐一种不同的方法。您可以测试该功能，然后根据该功能修改代码，而不是为每个浏览器编写代码吗？如果是这样，这个项目会有所帮助：

http://modernizr.com/

如何编写浏览器特定的css属性？

5 个答案: