Css3-锚链接和伪类tartet

aizhi1851

于 2012-05-04 15:22:00 发布

阅读量139

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lufy/archive/2012/05/04/2482790.html

本文介绍CSS3中的 :target 伪类使用方法，通过实例演示如何在点击链接时改变目标元素的样式，实现页面内跳转并更改背景色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<style type="text/css">
     h2:target{
        background:#00C;}
    }
 </style>

<body>

<a href="#h2">click</a>

<h2 id="h2">show--background:#00C</h2>

</body>

target :是CSS3里面的一个伪类。

上例中当点击a标签时：

1.本页面顶端会跳至h2标签位；

2.这个h2标签应用上h2:target的样式；即：背景色变成#00c。

转载于:https://www.cnblogs.com/lufy/archive/2012/05/04/2482790.html