HTML和CSS单选标记问题

Question

好吧，我为我的工作做了一个网站。这只是为了他的易趣网站，因为易趣将不再支持javascript。我制作了一组完全由html和css组成的(七个)选项卡。它们工作得很好，但问题是没有一个标签实际上是打开并显示在网页的初始打开。他希望在网页打开时打开tab-1以显示项目信息，而无需用户手动打开它。这是我的html的一个例子。

<div class="tabs">
<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1">
<label for="tab-1"><span style="cursor:pointer" class=:"tab-switch">tab-1 name</span></label>

<div class="content">
<p>tab-1 info</p>
</div>
</div>

<div class="tab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2"><span style="cursor:pointer">tab-2 name</span></label>

<div class="content">
<p>tab-2 info</p>
</div>
</div>

这是我创建单选项卡时使用的基本格式。我只是好奇我能做些什么来让tab-1在默认情况下打开。我假设可能是一个伪类或类似的东西。请记住，我正在避免以任何形式使用javascript。