Html 使用CSS显示/隐藏内容。如何使隐藏成为默认设置

我试图隐藏网页上的某些内容，直到用户单击[…]为止。到目前为止，谷歌给了我以下信息

<p>some text I want to show</p>
<a href="#" class="hide">[...]</a>
<a href="#" class="show">[...]</a>
<div id ="list">
<p>content I want to hide</p>
</div>

这是可行的，但我希望隐藏是默认的，我似乎不知道如何做到这一点

---

一如既往，我们非常感谢您的帮助。

只需更改css，如下所示将适用于您

首先隐藏列表。和对焦显示

.show {display: none; }
#list { display:none; }
.hide:focus + .show {display: inline; }
.hide:focus { display: none; }
.hide:focus ~ #list { display:block; }

.show {display: none; }
#list { display:none; }
.hide:focus + .show {display: inline; }
.hide:focus { display: none; }
.hide:focus ~ #list { display:block; }