html - 使用链接定位两个div

我想使用purecolor更改两个div的css。但是我只能使用colorsingle href更改一个div的attribute。是否可以使用pure CSS。

#link1:target{color:red;}
#link2:target{color:green;}
margin-top:20px;

<a href="#link1 ">Make links change color</a>
<!-- <a href="#link1 #link2">Make links change color</a> //this not working-->
<div id="link1">
link1
</div>

<div id="link1">
link2
</div>

最佳答案

在不修改标记的情况下，这是您将使用的CSS，利用相邻的同级选择器并假设这是您想要的边距。但是，一页只能使用一次ID，所以应该使用第二个。

#link1:target {
  color: red;
}

#link1:target + #link1 {
  color: green;
  margin-top:20px;
}

<a href="#link1 ">Make links change color</a>

<div id="link1">
  link1
</div>

<div id="link1"> <!-- make this one id="link2" -->
  link2
</div>