js能否修改class中某个css属性 从而影响其他元素

Question

cssjsclass

Answer 1

$('<style>.aaa{color:red;}</style>').appendTo(document.body)

Answer 2

<style>#div1{......这里写div的属性...}</style> ，id选择器优先级高于class选址器。

Answer 3

function getCSS(selector){
  var css = document.styleSheets;
  var isIE = document.attachEvent ? true : false;
  for(var i=0;i<css.length;i++){
    var rs = !isIE ? css[i].cssRules : css[i].rules;
    for(var j=0;j<rs.length;j++){
      if(rs[j].selectorText == selector){
        return rs[j]
      }
    }
  }
}var result = getCSS('body);
if(result) result.style.border = '5px solid #ccc';
可能传入的参数要好好分析一下，一般写样式都有层级的关系，我这里就写了个简单的例子，根据CSS文件中写的选择器去获取样式，再更改样式。