css中的target选择器
2019-08-02 本文已影响0人
光头小青蛙
-
:target选择器可用于当前活动的target元素的样式。通过a标签绑定id元素，实现点击a标签修改当前a标签链接元素的属性。
<style>
* {
padding: 0;
margin: 0;
}
div {
width: 200px;
height: 200px;
background-color: skyblue;
float: left;
margin-right: 20px;
transition: all 1s;
overflow: hidden;
}
div:target{
width: 400px;
background-color: purple
}
</style>
</head>
<body>
<p>
<a href="#a">1</a>
<a href="#b">2</a>
<a href="#c">3</a>
</p>
<div id="a">
</div>
<div id="b"></div>
<div id="c"></div>
</body>
image.png
原博地址：https://juejin.im/pin/5d43908ae51d456cecc495fe
