focus en estilo css (duda)

[diego1311]

Hola a todos,

tengo un codigo como este

Código CSS:

div { color:#000}
 
div:focus { color:#F00 }
 

Entonces, al hacer click a sobre algunos de los div de mi menu, el texto de este se pinta de rojo. Pero si hago click sobre algún otro botón o sitio de la página el elemento del menú vuelve a ser de color negro.

Entiendo que esto sucede porque el div rojo "pierde el foco" cuando hago click sobre algún otro elemento.

Mi pregunta es si existe alguna forma de hacer, mediante código css, que el botón del menú se mantenga rojo mientras no haga click sobre algun otro elemento del menú.

Esto lo consigo con javascript pero me parece que mediante css puro me podría ahorrar las líneas de javascript.

Gracias, espero su ayuda.

Saludos

[IsaBelM]

no, por que no existe ninguna pseudp-clase dinámica :click. la opción que tienes es usar javascript

[diego1311]

Ok, gracias Isabel

[kseso?]

Iniciado por diego1311

Hola a todos,
Mi pregunta es si existe alguna forma de hacer, mediante código css, que el botón del menú se mantenga rojo mientras no haga click sobre algun otro elemento del menú.

:target
Que a diferencia de lo que ocurre con otras pseudoclases | :visited | :hover | :active | :focus | etc, :target sí es persistente.

[IsaBelM]

agggggg!!! de nuevo dando cabezazos contra ie

[diego1311]

Hola. gracias por el dato.

Veo que target es muy util, ya hice una prueba.

Pero las cosas se complican cuando el enlace es a otra página, debido a que no encuentro la forma de hacer(sin javascript) que un mismo enlace tenga como destino una página y un punto de ancla.

Saludos

[kseso?]

Iniciado por diego1311

Pero las cosas se complican cuando el enlace es a otra página, debido a que no encuentro la forma de hacer(sin javascript) que un mismo enlace tenga como destino una página y un punto de ancla.
Saludos

Código HTML:

<a href="pagina.html#destino"...   </a>
 

donde pagina.html es la página de destino y #destino sería su "punto del ancla", esto es: [ver aquí]

Pero creo que esto es algo totalmente distinto a la consulta inicial

[diego1311]

Si en eso tienes razón pero mis enlaces actualizan el contenido de un iframe, y el punto de ancla al que apunto no se encuentra en la página destino sinó en la misma página en donde se encuentra el enlace, así como en el tutorial de la seudoclase target que mostraste.