CSS類jQuery的追加聲明沒有影響

Question

我嘗試jQuery的append語句應用CSS類

另一個CSS文件

#comments { 
    border:none; 
} 
#comments div { 
    border:1px #FFFFFF solid; 
} 
#comments div div { 
    border:1px #FF0000 dotted; 
} 
.test { 
    border:1px #FF0000 solid; 
} 

javascript文件，#COMMENT是一個div

success: function (data) { 

     $("#comments").html(""); 
      $.each(data,function (node_index,node_value) { 

      var created = timeConverter(node_value.created); 

      $("#comments").append($("<div></div>",{"class": "ui-body ui-body-c comments_div","html":node_value.name + "@" + created +"<br><div>" + node_value.subject + "</div>"+ "<br><div class=test>" + node_value.comment_body_value + "</div>"})); 

      }); 
      $("#comments").collapsibleset(); 

     } 

但對班級沒有任何效果。測試，任何人都知道是什麼問題？

Answer 1

它看起來像一個優先級（specificity）的CSS爲了一個問題，#comments div覆蓋規則.test

規則嘗試

#comments div.test { 
    border:1px #FF0000 solid; 
} 

Answer 2

#comments div是壓倒.test。

試試這個：

.test { 
    border:1px #FF0000 solid !important; 
}