Question

我在两个html页面上都使用了CSS布局。

我想使用相同的样式，除了我想为第二个html页面隐藏/禁用为其制作的其他classes，并且仍然在第一个html页面上使用其他的。

情况：

class="firstClass"包含我想要的字体和样式，但有其他classes和样式，显示我何时使用class。

我尝试通过在第一个类的同一级别添加secondClass来获取其他类，然后执行此操作：

.firstClass .secondClass, .dontWant1 .dontWant2 {
    display:none;
}

问题是它还隐藏在第一个html。

Answer 1

您可以在一个元素上拥有多个类。也就是说，您在一个页面上添加了不在另一个页面上添加的类，以在第1页上显示元素并在第2页上隐藏它们。

您可以让一个班级show或dontshow来定义哪些元素可见。

然后添加一个类来定义样式。

HTML / CSS：

.greenbox {
  background-color: green;
  width: 100px;
  height: 100px;
}

.redbox {
  background-color: red;
  width: 20px;
  height: 20px;
}


.show {
  display: block;
}
.dontshow {
  display: none;
}

<div class="greenbox">
  
  <div class="show">
    <div class="redbox">
      <!-- red box visible -->
    </div>
  </div>


  <div class="dontshow">
    <div class="redbox">
      <!-- red box not visible -->
    </div>
  </div>

  <div class="dontshow redbox">
      <!-- red box not visible -->
      <!-- exactly the same outcome as the above without the wrapping div -->
  </div>
  
</div>

Answer 2

你可以试试这个： HTML：

<div class="main">
     content goes here.
</div>

<div class="main active">
    content goes here.
</div>

的CSS：

.main {
 background-color:yellow;
 display:none;
}

.active {
  display:block; OR display:block !important;
}

我怎么能隐藏一堂课

2 个答案: