Foros del Web » Creando para Internet » CSS »

focus en estilo css (duda)

Estas en el tema de focus en estilo css (duda) en el foro de CSS en Foros del Web. Hola a todos, tengo un codigo como este @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código CSS: Ver original div { color : #000 }   div :focus { color ...
  #1 (permalink)  
Antiguo 27/04/2011, 13:38
 
Fecha de Ingreso: diciembre-2008
Ubicación: Lima - Perú
Mensajes: 187
Antigüedad: 9 años
Puntos: 3
focus en estilo css (duda)

Hola a todos,

tengo un codigo como este

Código CSS:
Ver original
  1. div { color:#000}
  2.  
  3. 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
  #2 (permalink)  
Antiguo 28/04/2011, 09:12
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 9 años, 5 meses
Puntos: 1010
Respuesta: focus en estilo css (duda)

no, por que no existe ninguna pseudp-clase dinámica :click. la opción que tienes es usar javascript
  #3 (permalink)  
Antiguo 28/04/2011, 09:43
 
Fecha de Ingreso: diciembre-2008
Ubicación: Lima - Perú
Mensajes: 187
Antigüedad: 9 años
Puntos: 3
Respuesta: focus en estilo css (duda)

Ok, gracias Isabel
  #4 (permalink)  
Antiguo 28/04/2011, 19:03
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: focus en estilo css (duda)

Cita:
Iniciado por diego1311 Ver Mensaje
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.
  #5 (permalink)  
Antiguo 29/04/2011, 07:42
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 9 años, 5 meses
Puntos: 1010
Respuesta: focus en estilo css (duda)

agggggg!!! de nuevo dando cabezazos contra ie
  #6 (permalink)  
Antiguo 30/04/2011, 12:58
 
Fecha de Ingreso: diciembre-2008
Ubicación: Lima - Perú
Mensajes: 187
Antigüedad: 9 años
Puntos: 3
Respuesta: focus en estilo css (duda)

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
  #7 (permalink)  
Antiguo 30/04/2011, 14:20
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: focus en estilo css (duda)

Cita:
Iniciado por diego1311 Ver Mensaje
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:
Ver original
  1. <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
  #8 (permalink)  
Antiguo 02/05/2011, 21:59
 
Fecha de Ingreso: diciembre-2008
Ubicación: Lima - Perú
Mensajes: 187
Antigüedad: 9 años
Puntos: 3
Respuesta: focus en estilo css (duda)

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.

Etiquetas: estilo, focus
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:21.