通过单击另一个来更改元素的css样式

Question

我有这个结构:

<div id="d1">
Text
<div id="d2">Word</div>
<a href="#hide">My other text</a>
</div>

现在,我想要点击#hide:target,div#d2消失.

我可以用CSS做到这一点吗？

Answer 1

你可以用CSS做到这一点!

如果您稍微更改HTML标记,则可以使用CSS实现此目的 :target

    #d2:target {
        display: none;
    }

    <div id="d1">
      Text
    <div id="d2">Word
      <a href="#d2">My other text</a>
    </div>