通过单击另一个元素来更改元素的CSS样式 [英] Change css style of an element by clicking another

问题描述

我有这种结构：

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

现在，我想点击 #hide：target ， div＃d2 消失。

Now, I want that on click to #hide:target, div#d2 disappear.

我可以用CSS吗？

推荐答案

您可以使用CSS执行此操作。

You can do this with CSS!

如果您更改HTML标记bit可以通过使用CSS ：target

If you change your HTML markup a little bit you can achieve this by using CSS :target

    #d2:target {
        display: none;
    }

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

这篇关于通过单击另一个元素来更改元素的CSS样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！