Foros del Web » Creando para Internet » CSS »

Que es el > en css???

Estas en el tema de Que es el > en css??? en el foro de CSS en Foros del Web. Hola, Tengo un problema y es que estoy realizando un menu desplegable, en la parte de los estilos me dice que coloque el caracter > ...
  #1 (permalink)  
Antiguo 11/10/2010, 17:18
 
Fecha de Ingreso: junio-2010
Mensajes: 13
Antigüedad: 7 años, 6 meses
Puntos: 0
Que es el > en css???

Hola, Tengo un problema y es que estoy realizando un menu desplegable, en la parte de los estilos me dice que coloque el caracter>, la cual no se para que sirve, necesito saber su funcion.

Les dejo como se define en la hoja de estilo:
ul.menu > li:hover > ul

Muchas Gracias.
  #2 (permalink)  
Antiguo 11/10/2010, 17:53
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
Respuesta: Que es el > en css???

Hola, josebas

investiga sobre los selectores css.

Pero por lo pronto tu respuesta seria: Todos los elementos de ul que sean hijos de li:hover que estos a su vez son hijos de ul.menu

Saludos DTB
  #3 (permalink)  
Antiguo 11/10/2010, 20:08
 
Fecha de Ingreso: julio-2007
Ubicación: Bolivia, Cochabamba
Mensajes: 104
Antigüedad: 10 años, 4 meses
Puntos: 5
Respuesta: Que es el > en css???

Como bien lo dice TheDark03, es un selector que usa el css para poner estilos a los hijos de donde lo marques.

Sinceramente no le veo mucha utilidad, ya que casi siempre necesitas hacer cosas especificas asi que terminas declarando clases a todos tus elementos.

Saludos.
__________________
Jorge A. Inturias C.
Tutoriales | Recursos | Ejemplos | www.disenopaginasweb.com
  #4 (permalink)  
Antiguo 12/10/2010, 14:10
Avatar de Ribon  
Fecha de Ingreso: septiembre-2010
Ubicación: El firmamento
Mensajes: 487
Antigüedad: 7 años, 3 meses
Puntos: 91
Respuesta: Que es el > en css???

Y tambien ten en cuenta que es parte del estandar CSS 3 por lo que no te lo soportará cualquier navegador, por ejemplo hasta IE 8 no es soportado.
  #5 (permalink)  
Antiguo 12/10/2010, 14:15
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Que es el > en css???

Se conoce como selector de hijos.
No confundir con el de descendientes. Este último es más "genérico".

El selector de hijos />/ afecta sólo a aquellos elementos que son descendientes directos, pero no a sus nietos.
Con un ejemplo quedará más claro. Tengamos la siguiente declaración en el css:

Código CSS:
Ver original
  1. p > span {color: red;}
y en el html lo siguiente:
Código HTML:
Ver original
  1. <p> Hola <span>Mundo</span></p>
  2. <p>Adiós <a href="#"><span>Mundo</span></a></p>
En el primer /span/ sí aplicará la regla y se mostrará en rojo, porque es hijo directo de /p/
En el segundo párrafo, el /span/ es hijo del enlace /a/ y nieto de /p/, por lo tanto ya no aplica la declaración.
Esto último no pasaría si la declaración en css hubiese sido /p span/ que afectaría a cualquier /span/ dentro de /p/ con independencia de los elementos interpuestos entre ambos (o cuán profundo fuese ese /span/ dentro de /p/

En el ejemplo de listas enlazadas que pone:
ul.menu > li:hover > ul
el uso del selector />/ es indicado para declarar reglas que apliquen única y exclusivamente a elementos de un nivel y no a los más profundos.
  #6 (permalink)  
Antiguo 12/10/2010, 14:40
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 8.954
Antigüedad: 14 años, 9 meses
Puntos: 1802
Respuesta: Que es el > en css???

Cita:
Y tambien ten en cuenta que es parte del estandar CSS 3
En realidad es del Css2, pero de esos que no se implementan mucho.

Etiquetas: Ninguno
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:30.