css - 为什么 "adContent"类名在 css 中不起作用

Question

.adContent {
  background: red;
  padding: 10px;
}

.adContent>p {
  color: white
}

<div class="adContent">
  <p>this is the testing content</p>
</div>

但是如果我从类名中删除“ad”，它就会起作用。

像这样 class="Content"

我现在犯了什么菜鸟错误？

Answer 1

发生这种情况是因为您的浏览器中可能安装了 AdBlocker。关键字 ad 通常与网页上的横幅广告和其他广告一起使用。 AdBlocker 因此会动态隐藏此类 div，正如您理所当然地希望它们那样。因此，明智的做法是避免使用此类类/ID 名称。

它不是 CSS 或 HTML 强加的，也不是它们的限制。

暂停 AdBlocker 并重试。 谢谢。我学到了一些东西。 :)