target

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div{
height: 200px;
width: 300px;
background-color: cyan;
}
/设置target之后 点击对应的锚点会改变div的颜色/
div:target{
background-color: red;
}

</style>

</head>
<body>
<p id="tab" >
<a href="#page1">mother fuck</a>
<a href="#page2">mother fuck </a>
<a href="#page3">mother fuck</a>
</p>
<div id="page1">1我是你大爷</div>
<div id="page2">2我是你大爷</div>
<div id="page3">3我是你大爷</div>

</body>
</html>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 在CSS2中引入了一些属性选择器,而CSS3在CSS2的基础上对属性选择器进行了扩展,新增了3个属性选择器,使得属...
    Mandy_jin阅读 4,344评论 0 1
  • root即为根标签: :root{background:red;}意思是页面背景改为红色。如果设置了body的样式...
    frankisbaby阅读 3,118评论 0 0
  • 简单分析 每次触发DOM事件时会产生一个事件对象(也称为event对象),此处的参数接收事件对象,而事件对象也有很...
    DecadeHeart阅读 7,616评论 0 1
  • 写在前面的话:无意在逛Quora的时候看到这个问题: HTML and CSS: How can I use t...
    洗阳光阅读 3,199评论 0 0
  • 自由是什么?儿时向往集市,自由便是那色彩缤纷铃铛满目的玩意儿;年少时向往远方,自由便是那一辆辆客车;青年时向往成就...
    在楚生香阅读 2,415评论 1 2

友情链接更多精彩内容