样式标签的不同排序否定了其他样式标签

时间:2014-11-07 23:54:58

标签: html css css3 tags

因此,当我使用正文背景颜色标记并将其从我的样式标记的前面移动到列表中的最后一个样式标记时,我的div.gallerycontainer突然不起作用。为什么会这样?看起来像一个绝对的故障。这是代码:

在: - 黑色背景颜色未在实例中设置 -div.gallerycontainer样式标记适用于此实例

body{background-color: black;}

div.gallerycontainer{ 
  overflow: hidden;
  position: relative;
  width: 1030px;
  height: 690px;
  margin: 0 auto;
}

在 - 黑色背景颜色在此实例中有效 -div.gallerycontainer样式标记在此实例中不起作用

div.gallerycontainer{ 
  overflow: hidden;
  position: relative;
  width: 1030px;
  height: 690px;
  margin: 0 auto;
}

body{background-color: black;}

似乎无法理解样式标签的不同排序,改变您网站的结果。我试图用这个代码从头开始制作一个自动旋转的图像库,几乎没有开始编码,但我在过去有类似的问题似乎神奇地消失了。既然这个问题一直在显现,那么理解这个问题就好了,再也没有了。

Nick P.

1 个答案:

答案 0 :(得分:0)

据我所知,正如你所提到的那样,你的IDE中必定存在一些问题。

你可以在这个JSFiddle中使用它:http://jsfiddle.net/jmknoll/dnuqdz17/

CSS中类和元素的排序无关紧要。

对于这个html:

<body>
    Some Text
</body>
<div class="gallerycontainer">
    Some Text
</div>

以下两组CSS的行为应该相同:

body{background-color: black;}

div.gallerycontainer{ 
  overflow: hidden;
  position: relative;
  width: 1030px;
  height: 690px;
  margin: 0 auto;
}

div.gallerycontainer{ 
  overflow: hidden;
  position: relative;
  width: 1030px;
  height: 690px;
  margin: 0 auto;
}

body{background-color: black;}