Título: menu css hover Publicado por: kakashi20 en 8 Marzo 2014, 00:11 am hola
estoy haciendo un menu desplegable, pero cuando hago el hover en la opcion donde el id=op1, no funciona el hover para que me aparezca el submenu2 Código
Código si alguien me pudiese ayudar se lo agradeceria Título: Re: menu css hover Publicado por: EFEX en 8 Marzo 2014, 01:31 am Con esto puedes seguir..
Código
Título: Re: menu css hover Publicado por: kakashi20 en 8 Marzo 2014, 03:38 am EFEX gracias de nuevo..
me ha servido mucho Título: Re: menu css hover Publicado por: Happiness en 8 Marzo 2014, 21:53 pm - Disculpen si me desvio del tema y por mi ignorancia pero sera que alguno de uds me puede explicar que funcion tiene el simbolo que EFEX acaba de utilizar ? osea el " ~ ", soy algo novata en esto del css e estado estudiando por un tiempillo el css pero nunca habia visto que alguien utilizara ese simbolo antes y estuve investigando sobre ese simbolo para no fastidiar por aqui pero no obtuve ningun resultado tal vez es porque no supe como buscar alguna referencia sobre ello ya que no se que palabras clave utilizar en Google...
- Y me da mucha curiosidad su funcion en que afecto a los selectores ya que solo conozco selectores del tipo ID, Por clases, Adyacentes, Por agrupacion que son los que se separan por Comas " , " y hmmmmmm el de atributo que son los que se usan con corchetes " [nombre_atributo] " aunque este jamas lo e llegado a utilizar, aaah si tambien las pseudo clases y elemento no todos me los se solo algunos pero si se que lo que uso EFEX no es algo de esos. - Quien me explica xd ? Título: Re: menu css hover Publicado por: EFEX en 9 Marzo 2014, 21:02 pm Happiness, se le llama selectores en css, es como utilizar expresiones regulares para definir cambios solo a los elementos que definamos, en este caso queria definirlo de esta forma(se le conoce como selector descendente)..
Código
Pero no funcionaria por que #submenu2 no es un elemento hijo de #op1(html), estan a la par por decirlo.. entonces se utiliza ~ para definir que el elemento #submenu2 es precedido por el elemento #op1 aun que este(#submenu2) no sea un elemento hijo de #op1. Para leer ::) http://reference.sitepoint.com/css/descendantselector http://librosweb.es/css_avanzado/capitulo_3.html http://www.w3.org/TR/css3-selectors/#general-sibling-combinators Título: Re: menu css hover Publicado por: Happiness en 9 Marzo 2014, 21:53 pm - Hmmm entiendo, en resumidas esa pestañita " ~ " volvio Hijo a #submenu2 de #op1... Entonces en teoria si yo hago esto deberia funcionar tambien Ojo codigo sin probar.
Código:
Y el css de el quedaria como lo tenia desde un principio osea esta parte así. Código:
- Solo movi el div id="submenu2" de lugar. Título: Re: menu css hover Publicado por: EFEX en 9 Marzo 2014, 23:28 pm Si entendiste.
http://jsfiddle.net/7rKHh/ |