El error es que estas aplicando display:none
en los selectores por id
los cuales tienen mayor especificidad que el selector por target
Solución:
- Eliminar
display: none
en los selectores porid
- En el selector
.marco
agregardisplay: none
- En el selector
div:target
agregardisplay: flex
Ejemplo:
a {
text-decoration: none;
}
#menu {
display: flex;
justify-content: space-around;
}
div:target {
display: flex;
}
.marco {
border: 1px solid black;
border-radius: 10px;
display: none;
flex-direction: column;
font-family: Calibri;
padding: 5px;
margin: 5px;
}
#falla_control {
height: 175px;
/*altura*/
width: 675px;
/*ancho*/
}
#actualizar_stb {
height: 180px;
/*altura*/
width: 1000px;
/*ancho*/
}
<div id="menu">
<a href="#falla_control" id="btn-falla-control">Falla control remoto</a>
<a href="#actualizar_stb" id="btn-actualizar-stb">Actualización Forzosa</a>
<a href="#rest_config" id="btn-rest-conf">Restablecer config. de fábrica</a>
<a href="#atv_subtitulos" id="btn-atv-subtitulos">Config. audio y subtítulos - deco Android</a>
<a href="#conf_pin" id="btn-conf-pin">Config. Pin de compra</a>
</div>
<!-- -------------------------------------------------------------------------------------- -->
<div id="falla_control" class="marco">
<h2 style="margin: 0; text-align: center">Falla control remoto</h2>
<p>Te pido por favor que realices los siguientes pasos para mejorar la conectividad de tu control remoto:</p>
<ul style="margin: 0">
<li>Presiona las teclas 1 y 3 durante 6 segundos hasta que la luz parpadee.</li>
<li>Después del parpadeo presiona ls teclas 9, 8 y 1 en ese orden, uno por uno.</li>
<li>Luego de presionar esas teclas, probá presionando el botón de apagado.</li>
</ul>
<p>Quedo atento a tu retorno en caso de que el problema persista.</p>
</div>
<!-- ---------------------------------------------------------------------------------------- -->
<div id="actualizar_stb" class="marco">
<h2 style="margin: 0; text-align: center">Actualización Forzosa deco SAGEM</h2>
<p>Siento el mal rato, seguí por favor los siguientes pasos para que tu servicio mejore:</p>
<ul style="margin: 0">
<li>En la parte de atrás del deco ubicá el cable más fino, debería estar situado a la izquierda mirándolo de frente.</li>
<li>Desenchufá el cable mencionado, luego mantené presionado el boton del frente del deco.</li>
<li>Por último volvé a enchufar el mismo cable sin soltar el botón hasta que en la pantalla aparezca "Descargando actualizaciones, instalación en curso".</li>
</ul>
<p>Quedo atento a tu retorno en caso de que el problema persista.</p>
</div>