css :target 使用问题

html-css013

css :target 使用问题,第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像素还有背景色也会改变

target-name规定在何处打开超链接（target destination）。

target-new规定应该在新窗口或已有窗口的新标签页中打开超链接。

target-position规定在何处放置新的目的地链接。

target-new 和 target-position 值只有在 target-name 值创建新标签页或新窗口中有效。