Question

我有一个带id的div，需要使用css访问并更改宽度和高度。但它位于另一个div内。如何为内部css添加样式。请看下面的代码

<div class="panel box box-success">
    <div id="collapseThree" class="panel-collapse collapse">
        <div class="box-body">
            <div id="map"></div>    
        </div>
    </div>
</div>

我需要在#map

中添加样式

Answer 1

如果地图只在这个地方，则为css;

.panel #collapseThree #map {
width: 200px
height: 200px;
}

Answer 2

Id - 唯一标识符元素。在一个页面上，一个标识符仅使用一次，尽管您可以在单个页面中使用多个相同的标识符，但在使用HTML-anchors和JS时它可能会导致问题。如果您尝试分配单个元素（HTML标记），两个不同的ID，则规则仅适用于第一个ID 使用类时，一个HTML描述符可以同时分配来自多个类的样式。必要时使用类和ID，具体取决于预期目的。在大多数情况下，最好使用该类，因此不要在同一页面上不小心使用id多次。但是在必要时，应该使用id：为JS等锚点选择唯一的块页面

Answer 3

Here: jsfiddle.net/RJrQq/

我建议您详细了解CSS选择器，并使用浏览器的“Inspect Element”选项。

Answer 4

已经给出的答案应该使用id map将样式应用于div。但这并不意味着那些风格将是实际应用的风格。

您必须使用调试器（firebug，firefox内部检查器，safari检查器等）查看哪些样式最终会在元素上“获胜”。使用“！important”的其他css样式将优先于地图div，因此“忽略”您应用的样式。在这种情况下，您可以尝试使用“！important”添加样式。 ~~如果posible也尝试添加一个类，而不是仅使用ID。类也优先于ID~~ 。

我还怀疑你正在使用一些在你div中构建地图的库。这个库也可以通过添加带有一些css的“style”属性将它自己的样式添加到元素本身。例如，生成的div可能看起来像

<div id="map" style="width:xxx; height:yyy"></div>

哪个也优先于样式表应用的css

以下是对css cacades顺序的解释 - 如果需要的话 http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#cascade

Css在id中添加样式到div，在另一个div中

4 个答案: