CSS3 :target选择器可以用来选择当前活动的锚点目标元素样式。它是一个新的CSS3选择器,可以为锚点提供更多的定制能力。
使用方法
你需要在HTML文档中定义一个锚点,如:
你可以使用CSS3 :target选择器来设置这个锚点的样式,如:
a[name="anchor"]:target { background-color: #e6e6e6; font-weight: bold; }
你可以使用锚点链接来定位到这个锚点,如:
Go to anchor
当用户点击这个链接,就会定位到这个锚点,并且锚点会被CSS3 :target选择器选中,从而应用指定的样式。
优点
- CSS3 :target选择器可以为锚点提供更多的定制能力,使页面更加美观。
- 它可以让用户快速定位到特定的锚点,提高用户体验。
- 它可以更好地与HTML文档结合,减少代码量。