我尝试使用id“ id1”更改div元素的bg颜色。最初它应该是蓝色，可以正常工作。单击“测试”应该将其变成红色，但是它无法正常工作，尽管在许多教程中都对它进行了字面描述。
怎么了？
谢谢！
<!DOCTYPE html>
<html>
<head>
<style>
#id1 {
background-color:blue;
}
#link1:target #id1 {
background-color:red;
}
</style>
</head>
<body>
<a href="#link1">test</a>
<div id="id1">hello</div>
</body>
</html>
最佳答案
您可能误解了它，它的工作原理如下（尝试！）
#link1:target {
background-color: red;
}<a href="#link1">test</a>
<div id="link1">hello</div>如果
:target是#链接的活动目标，则与该元素匹配。#link1:target #id1的意思是“目标为id'link1'的对象中包含id为'id1'的对象”关于html - 无法使用:target选择特定的ID，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28840996/