CSS3 4 选择器

CSS3 4 选择器

 

目标伪类选择器

URL 带有后面跟有锚名称 #，指向文档内某个具体的元素。这个被链接的元素就是目标元素(target element)。

选择器	功能描述
E:target	选择匹配E的所有元素，且匹配元素被相关URL指向

 :target

{

border: 2px solid #D4D4D4;

background-color: #e5eecc;

}

<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>

 

 

UI元素状态伪类选择器语法

选择器	类型	功能描述
E:checked	选中状态伪类选择器 <