css类在jquery append语句中无效

我试图在jqueryappend语句中应用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();

        }

成功：函数（数据）{
$（“#注释”）.html（“”）；
$.each（数据、函数（节点索引、节点值）{
var created=timeConverter（node_value.created）；
$（“#注释”）.append（$（“”，{“类”：“ui body ui-body-c comments_div”，“html”：node_value.name+“@”+created+”
“+node_value.subject++”
“+node_value.comment_body_value++”）；
});
$（“#注释”）.collapsableset（）；
}

---

但是对类没有影响。test，有人知道问题出在哪里吗？

看起来CSS优先顺序（）有问题，其中规则

#comments div

覆盖了规则

。test

试一试

#comments div

正在覆盖

。test

试试这个：

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

---

做一把小提琴会更容易帮助：）

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