Question

我试图用css强制隐藏这个div：

<div class="db-logo">

当我检查一个元素时，我可以像这样隐藏它：

<div class="db-logo" style="display:none;">

但我如何用css隐藏它？ iv试过

<style>
.db-logo {
  display:none !important;
}

/*and*/

div .db-logo {
  display:none !important;
}
</style>

都没有奏效。任何帮助将不胜感激。

Answer 1

有几种方法可以影响（在本例中隐藏）带有CSS的元素（不包括JS / jQuery）：

示例1：通过外部CSS类进行影响：

.db-logo {
    display: none !important;
}

.db-logo {
    display: none !important;
    background: lightgray;
    width: 50px;
    height: 50px;
}

<div class="db-logo"></div>

示例2：通过样式影响HTML元素：

<div class="db-logo" style="display: none;"></div>

.db-logo {
    /* display: none !important; */
    background: lightgray;
    width: 50px;
    height: 50px;
}

<div class="db-logo" style="display: none;"></div>

示例3：通过<style></style>对HTML head产生影响：

<head>
  <style>
    .db-logo {
        display: none !important;
    }
  </style>
</head>

<style>
.db-logo {
    display: none !important;
    background: lightgray;
    width: 50px;
    height: 50px;
}
</style>
<div class="db-logo"></div>

使用CSS隐藏div

1 个答案: