Question

在下面的代码中，CSS样式为CSS，因此将“崩溃”类设置为不显示。 display属性可与我调整过的其他类一起使用，但对于此崩溃类，则不受影响。如果我将崩溃类与其他类配对，则它是隐藏的但分开的就像是注释掉了代码。我该如何解决？

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

在没有看到完整的样式表的情况下，我感到您的显示：没有任何规则被样式表下的另一条规则覆盖。可能会有显示：优先处理这些元素的规则。

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

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

.crash {
  display: none;
}

位于样式表的最底部，然后查看是否可以解决您的问题。如果此问题得以解决，则可以重新排序样式表，以使此规则更符合逻辑层次结构。

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

1 个答案: