尽管 CSS 设置为显示:无，但类仍显示

Question

在下面的代码中是CSS样式的，因此类"crash"设置为不显示。显示属性适用于我已调整的其他类，但对于此崩溃类，没有任何影响。如果我将速成类与其他类配对，它是隐藏的，但分开，就好像代码被注释掉了一样。我该如何解决这个问题？

.HTML：

<img id = "first" src = "../Pics/January_2019/crash1.jpg" alt = "A picture you can't see">
<img class = "crash" src = "../Pics/January_2019/crash2.jpg" alt = "Another picture you can't see">
<img class = "crash" src = "../Pics/January_2019/crash3.jpg" alt = "You must be blind">
<img class = "crash" src = "../Pics/January_2019/crash4.jpg" alt = "Or we're not linking up">
<img class = "crash" src = "../Pics/January_2019/crash5.jpg" alt = "Still checkin?">

.CSS：

.crash {
  display: none;
}
.Slideshow1 {
  display: none;
}
.DT, .skate, .Gikondo_cold {
  display: none;
  width: 21%;
  padding: 1%;
  margin: 1%;
}

Answer 1

没有看到你完整的样式表，我感觉你有你的显示：none规则被样式表下的另一个规则覆盖。某些东西可能有一个显示：对这些元素的块规则是优先的。

CSS 样式表以级联方式工作 - 样式表中设置较低的规则将优先于工作表中较高的规则。

作为实验，请尝试放置规则：

.crash {
  display: none;
}

在样式表的最底部，看看这是否可以纠正您的问题。如果它解决了问题，则可以对样式表重新排序，以便此规则位于更合乎逻辑的层次结构中。