css設計原則——多用組合，少用繼承（來自《編寫高質量代碼-web前端開發修煉之道》）

 組合的思路就是將一個複雜的類分解成容易產生變化的部分和穩定的部分，將容易變化的部分拆分出去，每一種可能的變化設計成一個個單獨的類。

  實現樣式時採取掛多個class的方式。添加和刪除class的js代碼如下：

  function addClass(node,str){

  if(!new RegExp("(^|\\s+)"+str).test(node.className)){

     node.className = node.className + " " + str;

  }

}

 

 function removeClass(node,str){

   node.className = node.className.replace(new RegExp("(^|\\s+)"+str),"");

}