css中target的使用

html-css014

css中target的使用,第1张

target-name规定在何处打开超链接(target destination)。

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

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

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

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像素还有背景色也会改变