在html文件中有2个CSS代码块，如何仅使用JS进行一项工作？

Question

因此，我们有1个html文件（必需）。 其中有2个CSS样式块和1个JS块。 如何使其能够设置为使用JS中的一种样式？ （我需要它在IE6 IE7 IE8 FF和chrome 9中起作用）我需要为IE9和Chrome 8及更高版本提供一个CSS，为所有其他提供CSS。

<style type="text/css" >
H1 {font-size: 24pt; font-family: arial}
</style>

<style type="text/css">
H1 {font-size: 15pt;}
</style>

Answer 1

使用条件注释专门针对IE6，如下所示：

<!--[if IE 6]>
<style type="text/css">
  H1 {font-size: 15pt;}
</style>
<![endif]-->

或反之亦然，无论如何..但是这些注释中的内容仅适用于IE6。 上述方法不需要JavaScript ：）

Answer 2

另一种涉及JS和处理chrome的方法。 （我了解了这种形式的ExtJs，但不确定它起源于何处。）

加载浏览器检测脚本。 PPK相当不错： http : //www.quirksmode.org/js/detect.html 。

将类添加到document.body。

document.body.className += ' ' + BrowserDetect.browser 
  + ' ' + BrowserDetect.browser + '-' + BrowserDetect.version;

现在像这样写你的CSS

H1 {
  font-size: 24pt; 
  font-family: arial;
}

.Explorer-6 H1 {
  font-size: 15pt;
}

.Chrome-9 H1 {
  /* ... */
}

您也可以在其中混合使用操作系统，但是我不确定您是否会需要它。