Buen día compañeros. La forma a como le puse en el título ya la he intentado, y por lógica no funciona. Lo que intento es con la siguiente parte:
Código HTML:
<style type="text/css">
#info li div{display:none;}
#info li:active div{display:block;}
</style>
<div id="info">
<ul>
<li><a href="#">Uno</a>
<div>
<h3>Uno</h3>
<p>Texto1 texto1 texto1 texto1 texto1</p>
</div>
</li>
<li>Dos</li>
</ul>
</div> Como verán, al pasar el mouse por encima de "Uno", se va a ver la información de este, pero me gustaría que esto aconteciera al estar enfocado/activo el link. Si alguien sabe si es posible y como, estaría agradecido, aunque no estoy siquiera que sea posible tal cosa.
De paso aprovecho. ¿Hay algún problema (De compatibilidad o incluso semántico) con poner "divs" y "heads" en las listas como lo hice yo? ¡Gracias de antemano!