Question

css :target 使用问题

这段代码为什么点击无效

Answer 1

CSS选择器语法错误，CSS3中的target这是选择器种的一种，表示突出显示活动的 HTML 锚，比如：
p:target
{
border：2px solid #D4D4D4

}
html:
<p><a href="#news1">跳转至内容 1</a></p>
<p><a href="#news2">跳转至内容 2</a></p>
<p>请点击上面的链接，:target 选择器会突出显示当前活动的 HTML 锚。</p>
<p id="news1"><b>内容 1...</b></p>
<p id="news2"><b>内容 2...</b></p>
说明：
那么当<p><a href="#news1">跳转至内容 1</a></p>被点击之后，焦点就是聚集在#news1上面，就触发了：target那么这个时候就是将样式给予#news1，而#news1边框变为2像素还有背景色也会改变

追问

我看书上制作手风琴效果也是这种方式