使用:target伪类触发显示#content div无效，寻求修复方案

你的代码问题出在CSS选择器的逻辑上：:target伪类匹配的是当前URL锚点指向的元素，你点击<a href="#content">后，页面的目标元素是#content，而不是.btn，所以原来的.btn:target #content选择器永远不会被触发。

直接修改CSS即可解决：

#content {
  display: none;
}

/* 当#content成为目标元素时，显示它 */
#content:target {
  display: block;
}

HTML部分无需改动：

<a href="#content"><div class="btn">open</div></a>
<div id="content">
some content
</div>

这样点击「open」链接后，URL锚点定位到#content，:target伪类生效，内容就会显示出来了。

内容的提问来源于stack exchange，提问作者Zoey Malkov