在创建时设置Div的高度

Question

我有以下css类

.QueueHeader {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #AAAAAA;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer !important;
    height: 91px !important;
    width: 53% !important;
}

我在javascript中使用以下代码：

 var divContent = document.getElementById("content");
 var divQueueNumber = document.createElement("div");

 divQueueNumber.className = "QueueHeader";
 divQueueNumber.style.height = '190px';
 divContent.appendChild(divQueueNumber);

我想在创建时动态设置div元素的高度，我在javascript代码中设置了高度..但它不起作用.. 我怎么设置它？

由于

Answer 1

由于你正在做jQuery，你可以这样做：

$('<div>')
    .addClass('QueueHeader')
    .height(190);

但是它仍然不起作用，因为CSS类中的高度具有!important，它覆盖了内联样式，当jQuery将样式应用于元素时使用。删除!important。

据我所知，样式重要性的顺序是这样的，最优先的是1：

1. 用户样式（如浏览器设置中的链接颜色）
2. !important个样式
3. 内联样式
4. 样式标签和链接标签中的样式（特殊性规则适用）
5. 浏览器默认

Answer 2

因为你在CSS中添加了！important。

标记的CSS规则！important优先于后来的规则。通常在CSS中，规则从上到下工作，因此如果您为样式表下方的元素或辅助样式表中的元素指定了新样式，则后面的规则将优先。 ！important确保此规则具有优先权。