Skip to main content
se añadieron 18 caracteres en el cuerpo
Origen Enlace
Marcos
  • 35.6k
  • 7
  • 36
  • 70

El error es que estas aplicando display:none alen los selectorselectores por id el cual tienelos cuales tienen mayor especificidad que el selector por target

  • Eliminar display: none en las reglaslos selectores por id
  • En la reglael selector .marco agregar display: none
  • En la reglael selector div:target agregar display: flex

El error es que estas aplicando display:none al selector por id el cual tiene mayor especificidad que el selector por target

  • Eliminar display: none en las reglas por id
  • En la regla .marco agregar display: none
  • En la regla div:target agregar display: flex

El error es que estas aplicando display:none en los selectores por id los cuales tienen mayor especificidad que el selector por target

  • Eliminar display: none en los selectores por id
  • En el selector .marco agregar display: none
  • En el selector div:target agregar display: flex
Origen Enlace
Marcos
  • 35.6k
  • 7
  • 36
  • 70

El error es que estas aplicando display:none al selector por id el cual tiene mayor especificidad que el selector por target

Solución:

  • Eliminar display: none en las reglas por id
  • En la regla .marco agregar display: none
  • En la regla div:target agregar display: 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>