: pseudo selector de destino y pestañas

Así que quiero crear un sistema de pestañas usando solo CSS.

lo que tengo hasta ahora funciona, pero no sé cómo hacer que una pestaña sea visible de forma predeterminada.

Las pestañas:

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

y el css (la parte más importante):

.tabs section{
 display: none;
}

.tabs section:target{
 display: block;
}

Así que si configuro elsection:first-child para bloquear (la primera pestaña debe estar visible de forma predeterminada), luego obtengo dos secciones visibles si hay un ancla en la URL: la primera pestaña y la pestaña de destino ...

¿Cómo puedo superar este problema?

Respuestas a la pregunta(1)

Su respuesta a la pregunta