CSS 类在 jquery 追加语句中不起作用

Question

我尝试在jquery追加语句中应用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();
        }

但是对类.test没有影响，有人知道问题是什么吗？

Answer 1

这看起来像是 CSS 优先级顺序（特异性）的问题，其中规则#comments div覆盖规则.test

尝试

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

Answer 2

#comments div正在覆盖.test。

试试这个：

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