Поэтому я хочу создать систему вкладок, используя только CSS.

то, что у меня есть, работает, но я не знаю, как сделать одну вкладку видимой по умолчанию.

Вкладки:

<section class="tabs">

  <ul>
   <li><a href="#tab1">1</a></li>
   <li><a href="#tab2">2</a></li>
   <li><a href="#tab3">3</a></li>
  </ul>

  <section id="tab1"> content for 1... </section>
  <section id="tab2"> content for 2... </section>
  <section id="tab3"> content for 3... </section>

</section>

и CSS (самая важная часть):

.tabs section{
 display: none;
}

.tabs section:target{
 display: block;
}

Так что я, если я установлюsection:first-child заблокировать (первая вкладка должна быть видимой по умолчанию), затем я получаю два видимых раздела, если в URL есть привязка: первая вкладка и целевая вкладка ...

Как я могу преодолеть эту проблему?