動態為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做什么。 但是，當我需要為特定的瀏覽器覆蓋某些樣式時，我只需為瀏覽器服務器端創建一個檢查，然后添加一個覆蓋基本樣式的額外樣式表即可。