动态创建Chrome的css选择器

Question

我在Chrome和Safari之间存在一些像素差异，我无法找到一种合适的方式来使用css hack为每种方式提供不同的样式。

我已经能够使用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 {}”。

感谢。

Answer 1

我不知道这比你用JS做的更容易。 但是当我需要覆盖特定浏览器的某些样式时，我只需为浏览器服务器端创建一个检查，然后包含一个覆盖基本样式的额外样式表。