La *pseudo-clase* `target` apunta a un elemento del DOM específico a través de su identificación en la URL por medio de un `id`, por ejemplo > https://demo.com.mx/about.php#element1 El cual dentro del documento HTML se represnta así <a href="#element1">Elemento 1</a> <p id="element1">Este es un párrafo</p> Y dentro del CSS para poderle aplicar estilos lo harías de este modo p#element1:target{ color: red; } Entonces con este fragmento de código: #cookiesms1:target { display: none; } Le estás indicando que apunte a un elemento con el `id=cookiesms1` para ocultarlo, cuando le quitas la seudo-clase entonces ya no esta apuntando a dicho elemento Ejemplo <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-html --> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> <style> p#element1:target{ color: red; } p#element2:target{ color: steelblue; } </style> </head> <body> <a href="#element1">Elemento 1</a> <a href="#element2">Elemento 2</a> <p id="element1"> Elemento párrafo 1 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti dolorum reprehenderit asperiores, officia possimus sequi expedita, magni quidem distinctio officiis consequuntur nemo neque atque. Omnis, et iste nihil ab alias? </p> <p id="element2"> Elemento párrafo 2 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius aperiam quia blanditiis reprehenderit eos, porro quidem totam quod provident. Iusto modi autem voluptate, maxime, suscipit voluptas consequuntur aliquam voluptatum facilis! </p> </body> </html> <!-- end snippet -->