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?