css样式:target,即使URL中的目标消失了也会持续?

时间:2013-09-28 14:42:41

标签: css css-selectors

我目前正在设置一些img设置为高度:0px;,当它的ID进入时:目标其高度增加到最佳值。

正如你所看到的,我一次只能看到一个img,因为当其中一个在目标中时,另一个返回到高度:0px;

是否可以使:target属性更像是一个切换,这样我一次可以看到更多的img? 然后我认为我需要一个:目标来使它们高度:0px;试。

示例代码:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style type="text/css">
img{
    height:0px;
}
:target{
    height:200px;
}
</style>
</head>

<body>
<a href="#img1">img1</a>
<a href="#img2">img2</a>
<a href="#img3">img3</a>
<img id="img1">
<img id="img2">
<img id="img3">
</body>
</html>

由于

0 个答案:

没有答案