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

标签 css

我有这样的结构:

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

现在，我希望在点击 #hide:target 时，div#d2 消失。

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

最佳答案

您可以使用 CSS 做到这一点!

如果稍微更改 HTML 标记，可以使用 CSS :target

    #d2:target {
        display: none;
    }

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

关于css - 通过单击另一个元素更改元素的 css 样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18059940/

相关文章：

javascript - 自定义悬停和 ul/li 元素？