Javascript 不使用任何工具进行更改!重要修饰语——特异性规则?

Javascript 不使用任何工具进行更改!重要修饰语——特异性规则?,javascript,css,ascx,Javascript,Css,Ascx,我在Foo.ascx中有一个div,如下所示: <div id="myIdentifier" class="myCssClass"> 它嵌套在多个DPanels等中。我需要将这个div的高度设置为80px。当我添加高度时:80px对于myCssClass,它不起作用。如果我将重要的修饰符添加到代码行中,使其为height:80px!重要的,它确实有效。我需要(最好)在不使用重要修改器的情况下更改高度,或者理解为什么需要更改高度 对myIdentifier(以及div)的唯一其他

我在Foo.ascx中有一个div,如下所示:

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

它嵌套在多个DPanels等中。我需要将这个div的高度设置为80px。当我添加
高度时:80px对于myCssClass,它不起作用。如果我将重要的修饰符添加到代码行中,使其为
height:80px!重要的,它确实有效。我需要(最好)在不使用重要修改器的情况下更改高度,或者理解为什么需要更改高度

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


有什么想法吗?

您可以使用更严格的定义,例如:

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

.myCssClass{
宽度:550px;
高度:550px;
背景色:黑色;
}
myCssClass分区{
背景颜色:蓝色;
}
div>.myCssClass{
背景颜色:黄色;
}


您需要包含所有CSS。页面上有其他具有更高特定性的CSS。如果我们不知道CSS属性必须高于的其他规则,我们无法告诉您如何对CSS属性具有更高的特异性。如果右键单击元素并选择“检查”,浏览器的开发工具将打开。选择元素将显示应用于它的CSS规则,您将能够看到哪个规则优先于您的规则。一旦你看到了这个规则,你就必须改变你的规则,使它更具体。但是,在不知道其他规则是什么的情况下,我们真的无法确定您的规则需要是什么。使用浏览器的样式检查器,查看哪个规则覆盖了您的
mycsclass
规则。这将告诉您需要做些什么才能使您的规则更具体(或者同样具体,但在它之后定义,所以它优先)。但是请注意,ID规则非常具体,因此
#myIdentifier.mycsclass{height:80px;}
可能就足够了。