Foros del Web » Creando para Internet » CSS »

Aplicar atributo css a otro elemento

Estas en el tema de Aplicar atributo css a otro elemento en el foro de CSS en Foros del Web. Hola, seria posible que cuando se active un atributo con por ejemplo a:hover {color : #fff;} tambien se le aplique esa propiedad "color : #fff;" ...
  #1 (permalink)  
Antiguo 15/02/2012, 09:49
 
Fecha de Ingreso: julio-2010
Mensajes: 7
Antigüedad: 13 años, 9 meses
Puntos: 0
Aplicar atributo css a otro elemento

Hola,

seria posible que cuando se active un atributo con por ejemplo a:hover {color : #fff;} tambien se le aplique esa propiedad "color : #fff;" a otro elemnto?
  #2 (permalink)  
Antiguo 15/02/2012, 10:10
 
Fecha de Ingreso: marzo-2011
Ubicación: Caracas
Mensajes: 389
Antigüedad: 13 años, 1 mes
Puntos: 16
Respuesta: Aplicar atributo css a otro elemento

usar javascript. es lo que se me ocurre. con css solo. no se como. porq css te permite viajar por el dom. pero de forma jerarquica. entiendo que tu quieres manejar un evento. y eso hasta dond se se trabaja con javascript. de todos modos que no yo no lo conozca no quiere decir que no se pueda...! jeje.
  #3 (permalink)  
Antiguo 15/02/2012, 10:23
 
Fecha de Ingreso: julio-2010
Mensajes: 7
Antigüedad: 13 años, 9 meses
Puntos: 0
Respuesta: Aplicar atributo css a otro elemento

Estaba mirando tambien la posivildad del javascript pero no me agrada por dos cosas, no me gusta recargar mis pagina y no se demasiado javascript.

Estaba mirando si se podia usar :hover sobre una lista. Porque a lo que estoy intentando aplicar es a una lista (menu)

Código PHP:

<ul>

                                    <
li class="menu">
                                        <
a href="" class="item">Menu 1</a>
                                        <
ul>                                                
                                            <
li>
                                            <
class="sub-menu">Sub menu 1</a>
                                            </
li>
                                            <
li>
                                            <
class="sub-menu">Submenu 2 </a>
                                           </
li>
                                    </
li>
                                                                    
                                </
ul
y estaba mirando si se podia hacer esto li.menu:hover pero no va.
  #4 (permalink)  
Antiguo 15/02/2012, 10:53
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.725
Antigüedad: 22 años, 2 meses
Puntos: 998
Respuesta: Aplicar atributo css a otro elemento

Cita:
Iniciado por charlidelta Ver Mensaje
y estaba mirando si se podia hacer esto li.menu:hover pero no va.
muestra tu css, li.menu:hover es totalmente válido
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #5 (permalink)  
Antiguo 15/02/2012, 14:12
 
Fecha de Ingreso: marzo-2011
Ubicación: Caracas
Mensajes: 389
Antigüedad: 13 años, 1 mes
Puntos: 16
Respuesta: Aplicar atributo css a otro elemento

si es sobre una lista por supuesto que puedes hacerlo. seria algo como
Código CSS:
Ver original
  1. ul li {
  2. color:#fff;
  3. }
  4. ul li:hover{
  5. color: #dcdcdc;
  6. }
  7.  
  8. ul li:hover ul{
  9.  #las caracteristicas que quieras poner
  10. }

Como dije anteriormente. CSS tambien trabaja por medio del dom de forma jerarquica. si hay un nodo ul dentro de un li. puedes acceder a el desde el padre sin problema.
__________________
Lo imposible es lo posible visto por los ojos de un incapaz.
Si te sirve la respuesta. dale + al karma.
Saludos
  #6 (permalink)  
Antiguo 15/02/2012, 16:58
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Aplicar atributo css a otro elemento

Ya le han pedido varias veces sus códigos.
Hágalo. el css y el html.
Indique cláramente sobre cuál quiere aplicar el :hover y cuál quiere que cambie.

Porque se pueden concatenar pseudoclases con selectores de hermanos, de adyacentes... como
Cita:
ul:hover li {...}
ul:hover li:hover {...}
ul:hover li:hover + li {...}
ul:hover li:hover + li +li {...}
y échele imaginación.

P.D.: el uso que hace en #1 del término "atributo" es totalmente erróneo en la nomenclatura utilizada en css.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++

Etiquetas: elemento, hover, atributos
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 08:20.