Skip to main content
Mejora de título.
Enlace
Ruslan López
  • 11.8k
  • 14
  • 44
  • 88

No entiendo que ¿Que hace esteel pseudo-selector ":target" en codigo?

Origen Enlace
Marco Medina
  • 197
  • 1
  • 2
  • 13

No entiendo que hace este ":target" en codigo

Realizo una web y para hacer el aviso de cookies busque en internet, y encontre un código que me funciona muy bien pero quiero entenderlo completamente. Este es el codigo completo, CSS, Html y Javascript

<script type="text/javascript">
function controlcookies() {
         // si variable no existe se crea (al clicar en Aceptar)
    localStorage.controlcookie = (localStorage.controlcookie || 0);
 
    localStorage.controlcookie++; // incrementamos cuenta de la cookie
    cookie1.style.display='none'; // Esconde la política de cookies
}
</script>


<style type="text/css">
 
/* CSS para la animación y localización de los DIV de cookies */
 

#cookiesms1:target {
    display: none;
}
.cookiesms{ 
    width:100%;
    height:43px;
    margin:0 auto;
    padding-left:1%;
        padding-top:5px;
        font-size: 1.2em;
    clear:both;
        font-weight: strong;
color: #333;
bottom:0px;
position:fixed;
left: 0px;
background-color: #FFF;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
transition: bottom 1s;

}
 
.cookiesms:hover{
bottom:0px;
}
.cookies2{
background-color: #FFF;
display:inline;
opacity:0.95;
filter:alpha(opacity=95);
position:absolute; 
left:1%; 
top:-30px;
font-size:15px;
height:30px;
padding-left:25px;
padding-right:25px;

}
 
/* Fin del CSS para cookies */
 
</style>
<!--Código HTML de la política de cookies -->
 
<!--La URL incluida es la parte que se ha de modificar -->
 
<div class="cookiesms" id="cookie1">
Esta web utiliza cookies, puedes ver nuestra  <a href="tu-url-donde-explicas-la-politica-de-cookies">la política de cookies, aquí</a> 
Si continuas navegando estás aceptándola
<button onclick="controlcookies()">Aceptar</button>
<div  class="cookies2" onmouseover="document.getElementById('cookie1').style.bottom = '0px';">Política de cookies + </div>
</div>
<script type="text/javascript">
if (localStorage.controlcookie>0){ 
document.getElementById('cookie1').style.bottom = '-50px';
}
</script>
 
<!-- Fin del código de cookies --->

Disculpen si escribí mucho codigo, no se si esté permitido o no, pero para que se entienda todo, investigué en youtube para qué sirve la pseudo clase target y creí haber entendido pero a la hora de quitarlo de mi codigo el aviso de privacidad no aparece, y al volverle a agregar la clase sí aparece. Alguien podría decirme qué es lo que hace exactamente en esté codigo?