为Chrome动态创建一个css选择器

我在Chrome和Safari之间有一些像素差异，我一直无法找到一种合适的方式来使用CSS黑客为每个人提供不同的样式。为Chrome动态创建一个css选择器

我已经能够解决它的JavaScript，但有一个延迟，因为页面加载和应用之前，所以用户看到运动。

function chromeStyle() { 
if (window.chrome) { 
var a = document.getElementById("id"); 
if (a) { 
a.style.marginLeft = 5px; 
} 
} 
}

我知道这是可能将下面的代码放到一个HTML文档的头部，然后用“.JS .mystyle {}”样式表中的应用，其中启动Javascript风格。

<script type="text/javascript"> 
document.documentElement.className = 'JS'; 
</script>

我想知道是否可以创建一个可以在样式表中应用的Chrome的选择器？

if (window.chrome) { 
create a selector for chrome here 
}

并在样式表中将其应用为“.chrome .mystyle {}”。

谢谢。

2013-07-19 martin

Web永远不会像素精确。处理它。 – Bergi

是的，用户可以使用特定于浏览器的类，但不幸的是很常见。尽管如此，在尝试使用JS修复它之前，我建议先问一下你的实际CSS问题。 – Bergi

我不知道这是否更容易那么你试图用JS做什么。但是，当我需要重写特定浏览器的某些样式时，我只需创建一个针对浏览器serverside的检查，然后包含一个覆盖基本样式的额外样式表。

2013-07-19 23:56:11 Dan

回答