Html 样式标记的不同顺序否定了其他样式标记_Html_Css_Tags

Html 样式标记的不同顺序否定了其他样式标记

html css tags

Html 样式标记的不同顺序否定了其他样式标记,html,css,tags,Html,Css,Tags,因此，当我将body背景色标记从样式标记的前面移动到列表中的最后一个样式标记时，我的div.gallerycontainer突然不起作用。为什么会发生这种情况？看起来绝对是个小故障。代码如下：之前： -实例中未设置黑色背景色 -div.gallerycontainer样式标记在此实例中起作用 body{background-color: black;} div.gallerycontainer{ overflow: hidden; position: relative; wid

因此，当我将body背景色标记从样式标记的前面移动到列表中的最后一个样式标记时，我的div.gallerycontainer突然不起作用。为什么会发生这种情况？看起来绝对是个小故障。代码如下：

之前： -实例中未设置黑色背景色 -div.gallerycontainer样式标记在此实例中起作用

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;}

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

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;}

似乎无法理解样式标记的不同顺序，从而改变站点的结果。我正试图用这段代码从头开始制作一个自动旋转的图像库，几乎还没有开始编码，但我在过去遇到过类似的问题，这些问题似乎神奇地消失了。现在，这个问题不断地显现出来，了解这个问题并不再拥有它将是一件非常棒的事情

Nick p.

据我所知，这一定是您的IDE中的一些问题，正如您所提到的

您可以在这个JSFIDLE中使用它：

CSS中类和元素的顺序应该无关紧要

对于此html：

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

否定其他样式标记*哎呀*你确定是div.gallerycontainer不起作用吗？或者可能是其他冲突？试着设置一个jsfiddle，让我们更好地了解发生了什么。伙计们，我注意到我的IDE中有一些非常奇怪的东西。注释形式为：删除后，允许我的程序正常运行。。也许这是一个众所周知的问题，但这是我第一周的网络内容。弄明白这一点感觉就像一个奇迹。还有其他人遇到过这个问题吗？