css - 点击 :target 后隐藏链接

Question

我有这个https://jsfiddle.net/tbdrLm3q/4/

code on js fiddle

如何在不影响高度过渡的情况下隐藏按钮(这是一个链接)？

请仅使用 css。

Answer 1

我认为你必须像这样添加一个容器并更改到容器的链接

<div id="container">
<a href="#container" class='myButton'>Click</a>
<div id='sharebox'></div></div>

然后

像这样制作你的CSS

#container:target #sharebox{
//your style
}

#container:target .myButton{
visibility: hidden;
}

我希望这有用:)