Class 显示尽管 CSS 设置为显示：none

Question

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

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

没有看到您的完整样式 sheet，我感觉您的 display:none 规则正在被样式 sheet 下方的另一个规则覆盖。某些东西可能有一个 display: block 规则在这些优先考虑的元素上。

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

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

.crash {
  display: none;
}

在您的风格的最底部sheet，看看是否能解决您的问题。如果它解决了问题，您可以重新排序您的样式sheet，以便此规则处于更符合逻辑的层次结构中。

Class 显示尽管 CSS 设置为显示：none

Class displays despite CSS set to display: none

html

css

display