Selectores de estilo Hijos en hojas de cascada Las definiciones precisas de los estilos CSS

En CSS un elemento primario es un elemento que contiene otros elementos. Todos los elementos que están contenidos dentro de ese padre se llaman “hijo”. Usar el selector CSS hijo, puede definir propiedades que sólo afectan a elementos que son hijos de otros elementos específicos. Cada elemento es un hijo de otro elemento, excepto el elemento raíz, que no tiene padre.

Para seleccionar todos los párrafos que son hijos de la etiqueta <body>, escribiríamos:
body> p (background-color: # 00f;)

Esto es similar al selector descendiente, pero sólo se pueden definir los hijos, nietos o inferior.

Podemos combinar los selectores hijos con los selectores de otro tipo, como descendientes:
div ul li> p (background-color: # 00f;)
Esto afecta a los elementos a la AP que es un descendiente de Li, que es un hijo de ul que es un descendiente de div.

Compatibilidad con exploradores

Internet Explorer 6 e inferior (Windows) y 4.5 e inferiores (Macintosh) no son compatibles con este selector. Netscape 4 e inferiores no son compatibles con este selector.

Dejar un comentario

*