不使用!important修饰符进行更改 - 特异性规则?

时间:2017-02-04 16:39:05

标签: javascript css ascx

我在Foo.ascx中有一个div就像这样:

<div id="myIdentifier" class="myCssClass">

它嵌套在几个DPanel等中。我需要将此div的高度设置为80px。当我将height: 80px;添加到myCssClass时,它不起作用。如果我将重要修饰符添加到该行代码中以使其为height: 80px !important;,则它确实有效。我需要(最好)在没有重要修饰符的情况下改变高度,或者理解为什么有必要。

对myIdentifier(以及div)的唯一其他引用位于FooBehavior.js中。在FooBehavior.js中,唯一发生的事情是附加子元素并更改宽度。

任何想法/想法?

1 个答案:

答案 0 :(得分:0)

您可以使用更强大的定义,例如:

首先只是一个类标识符, 第二个是“具有类myCssClass的div” 第三个是“一个div的孩子,它有类myCssClass” 等等..

.myCssClass {
    width: 550px;
    height: 550px;
    background-color: black;
  }

div .myCssClass {
    background-color: blue;
  }

div > .myCssClass {
    background-color: yellow;
  }
<div id="parent">

  <div id="myIdentifier" class="myCssClass" />
  
</div>