0

我有以下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 代码中设置了高度.. 但它没有效果.. 我该如何设置它？

谢谢

4

2 回答 2

1

由于您正在使用 jQuery，因此您可以这样做：

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

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

据我所知，风格重要性的顺序是这样的，1为最高优先级：

  1. 用户样式（如浏览器设置中的链接颜色）
  2. !important风格
  3. 内联样式
  4. 样式标签和链接标签中的样式（适用特定规则）
  5. 浏览器默认值
于 2012-06-06T08:48:05.497 回答
1

这是因为您在 CSS 中添加了 !importance 。

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

于 2012-06-06T08:48:53.557 回答