为 Chrome 动态创建一个 CSS 选择器答案

【问题标题】：Dynamically create a css selector for Chrome为 Chrome 动态创建一个 CSS 选择器
【发布时间】：2013-07-19 00:10:36
【问题描述】：

我在 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{}”。

谢谢。

【问题讨论】：

【解决方案1】：

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

【讨论】：