一、怎么使用CSS3:target选择器

    target是CSS3伪类选择器中的一种，用来匹配文本中某个标志符的目标元素。＃锚的名称是在一个文件中链接到元素的url，元素被链接到目标元素。:target选择器可用于当前激活的target元素的样式。

    具体来说，url中一般会包含一个#，后面带一个名称，如#aa,:target就是匹配id为"aa"的目标元素。举个例子：如一个页面中有一个a标签，它的href如下：按钮3，同一个页面中也会有以box为id的元素，<divid="box">相关内容3</div>

    那么a标签的href属性会链接到#box中，也就是box:target选择符所选的目标元素，它所指定的样式就是当a链接到这个元素时候，目标元素的样式。比如你如果想改变链接指向#tab的元素字体大小，你可以这样设置：#tab:target{font-size:30px}。

    二、CSS3:target实例

    就单纯用CSS实现，点击标题1，跳转到content1，点击标题,2，跳转到content2的效果。

    HTML部分：

    <p>标题1</p>

    <p>标题2</p>

    <p>标题3</p>

    <pid="news1"><b>content1</b></p>

    <pid="news2"><b>content2</b></p>

    <pid="news3"><b>content3</b></p>

    CSS部分：

    :target

    {

    border:2pxsolid#D4D4D4;

    background-color:#e5eecc;

    font-size:25px;

    }







本文转载自中文网