css target参数

浮岚似吾心 6个月前 159浏览 0评论

CSS中的target参数是一个非常有用的选择器,它可以用来选择页面中被点击的链接。

a:target {
  background-color: yellow;
}

在上面的代码中,当用户点击一个链接时,如果该链接是页面中的一个指定目标元素,那么该目标元素将被选中并产生黄色背景。

如何使用target参数?

<a href="#section1">Go to section 1</a>
<div id="section1">
  <p>This is section 1.</p>
</div>

在上面的代码中,我们创建了一个链接,该链接指向页面中具有id“section1”的div。当用户点击此链接时,浏览器将滚动页面到该div,同时该div将被选中并产生黄色背景。

使用target参数可以为网站增加一些动态效果,使用户更容易浏览。试试在你的网站上使用它,看看效果如何。