html - :target pseudo class doesn't find target

Question

我想用 :target 伪类更改我的 html 中元素的样式。我的标记(第一个是按钮，第二个是目标元素):

<a id="btn01" href="#theTarget"><span class="adtb-orange"><span>Call to action</span></span></a>

<div id="theTarget" class="col-lg-6">target</div>

CSS:

#btn01:target {
  background-color: #ff0000;
}

这不起作用，我不知道为什么。任何人都可以帮我吗？谢谢。

Answer 1

将您的 css 类替换为:

#theTarget:target {
  background-color: #ff0000;
}