ENCADENAMIENTO

Profesor: Bael
EL ENCADENAMIENTO
 Al escribir reglas CSS, es posible requerir que un elemento HTML tenga dos o más selectores
CSS al mismo tiempo. Esto se hace combinando varios selectores, a lo que nos referiremos
como encadenamiento. Por ejemplo, si hubiera una specialclase para <h1>los elementos, el
CSS se vería así:

El código anterior seleccionaría solo los <h1>elementos con una clase de special. Si un
<p>elemento también tuviera una clase de special, la regla del ejemplo no aplicaría estilo al
párrafo.
COMBINADOR DE
DESCENDIENTES
 Además de encadenar selectores para seleccionar elementos, CSS también admite la selección
de elementos que están anidados dentro de otros elementos HTML, también conocidos
como descendientes . Por ejemplo, considere el siguiente HTML:

 Los <li>elementos anidados son descendientes del <ul>elemento y se pueden seleccionar con
el combinador descendiente así:
 EXPLICACIÓN EJEMPLO
 En el ejemplo anterior, .main-listselecciona el elemento con
la .main-listclase (el <ul>elemento). Los descendientes <li>se
seleccionan sumando lial selector, separados por un espacio.
Esto da .main-list licomo resultado el selector final. Seleccionar
elementos de esta manera puede hacer que nuestros selectores
sean aún más específicos al asegurarse de que aparezcan en el
contexto que esperamos.
SELECTORES MÚLTIPLES
 Para que el CSS sea más conciso, es posible agregar estilos CSS a varios selectores CSS a la
vez. Esto evita escribir código repetitivo. Por ejemplo, el siguiente código tiene atributos de
estilo repetitivos:

 En lugar de escribir font-family: Georgiados veces para dos selectores, podemos separar los
selectores con una coma para aplicar el mismo estilo a ambos, así:
 Al separar los selectores de CSS con una coma, tanto los <h1>elementos como los elementos con la
menuclase recibirán el font-family: Georgiaestilo.

REVISAR SIEMPRE EL
TRABAJO
 A lo largo de esta lección, aprendió cómo seleccionar elementos HTML con CSS y aplicarles estilos.
Repasemos lo que aprendiste: CSS puede seleccionar elementos HTML por tipo, clase, ID y atributo. Todos
los elementos se pueden seleccionar con el selector universal. Un elemento puede tener diferentes estados
utilizando el selector de pseudoclase. Se pueden aplicar varias clases de CSS a un elemento HTML. Las clases
pueden ser reutilizables, mientras que las identificaciones solo se pueden usar una vez. Los ID son más
específicos que las clases, y las clases son más específicas que el tipo. Eso significa que los ID anularán
cualquier estilo de una clase y las clases anularán cualquier estilo de un selector de tipo. Se pueden encadenar
varios selectores para seleccionar un elemento. Esto aumenta la especificidad, pero puede ser necesario. Los
elementos anidados se pueden seleccionar separando los selectores con un espacio. Varios selectores no
relacionados pueden recibir los mismos estilos separando los nombres de los selectores con comas. Gran
trabajo esta lección. Con este conocimiento, podrá usar CSS para cambiar la apariencia de los sitios web para
que se ve