Question

我尝试使用id＆＃34; id1＆＃34;更改div元素的bg颜色。最初它应该是蓝色，这很好。点击＆＃34;测试＆＃34;应该把它变成红色，但它不会起作用，尽管它在许多教程中都是这样描述的。

出了什么问题？

谢谢！

<!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>

Answer 1

你可能误解了它，它就像这样（试试吧！）

＆＃13;

#link1:target {
  background-color: red;
}

＆＃13;

<a href="#link1">test</a>
<div id="link1">hello</div>

＆＃13;

:target匹配该元素，如果它是#链接的有效目标。

#link1:target #id1意味着＆＃34;内容为id＆＃39; id1＆＃39;在内容id＆＃39; link1＆＃39;这是一个目标＆＃34;

无法使用：target选择特定ID

1 个答案: