：目标不在css中工作

Question

嗨朋友我在:target使用CSS以下是我的代码

CSS

.acco h3 + div{height:0px; overflow:hidden;}
.acco : target h3 + div {
    border: 2px solid red;
    height:100px;

HTML

<div class="acco">
<h3>show</h3>
  <div class="test">test</div>

  <div class="click" ><a href="#show">click</a></div>
</div>

我定位<div class="test">test</div>但是它不起作用请帮帮我

提前致谢...

Answer 1

首先，你错过了标记中的#show锚点（并且取决于位置），css的修改是必要的（在每种情况下，你的伪类中都不能有空格{{1 }}）：

:target

Demo (first version)

Answer 2

尝试

.acco:target h3 + div {
    border: 2px solid red;
    height:100px;
}

没有空格

Answer 3

您可能最熟悉的伪类是:hover，它允许您声明当用户将鼠标悬停在元素上时将激活的特殊样式。 :target伪类同样允许基于特定场景激活的自定义样式。

:target是一个伪选择器，如:hover，两者之间不应有空格。

好好阅读overhere