使用javascript更改整个CSS类的样式

关键是为其他类定义额外的规则，并将这些类添加到元素中，而不是重写给定样式规则的规则。

JS

function changeCSS() {  var selects = document.getElementsByTagName("select");  for(var i =0, il = selects.length;i<il;i++){     selects[i].className += " hidden";  }}

CSS

.fool select.hidden, select.hidden {   display: none;}

或使用真正有效的方法（但可能还需要一些特定的样式规则）

JS

function changeCSS() {  document.getElementsByTagName("body")[0].className += " hideAllSelects"}

CSS

body.hideAllSelects select {   display: none;}