: pseudo-seletor de destino e guias

ntão, eu quero criar um sistema de guias usando apenas CS

o que tenho até agora funciona, mas não sei como tornar visível uma guia por padrã

As guias:

<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>

e o css (a parte mais importante):

.tabs section{
 display: none;
}

.tabs section:target{
 display: block;
}

Então, se eu definir osection:first-child para bloquear (a primeira guia deve estar visível por padrão), então recebo duas seções visíveis se houver uma âncora no URL: a primeira guia e a guia de destino ...

Como posso superar esse problema?

questionAnswers(1)

yourAnswerToTheQuestion