Selecctores CSS SELECTORES Ángela Ganfornina Alcón
1.TIPOS DE SELECTORES CSS 1.1. SELECTOR UNIVERSAL 1.2. SELECTOR DE TIPO ETIQUETA 1.3. SELECTOR DESCENDENTE 1.4. SELECTOR DE CLASE 1.5. SELECTOR ID Ángela Ganfornina Alcón
SELECTOR UNIVERSAL EJEMPLO ¿PARA QUÉ SE UTILIZA? Se utiliza para seleccionar todos los elementos de la página. ¿CÓMO SE INDICA? El selector universal se indica mediante un asterisco (*). EJEMPLO Ángela Ganfornina Alcón
SELECTOR TIPO ETIQUETA ¿PARA QU SE UTILIZA? Selecciona todos los elementos de la página cuya etiqueta HTML coincide con el valor del selector ¿CÓMO SE INDICA? Para utilizar este selector, solamente es necesario indicar el nombre de una etiqueta HTML EJEMPLO Ángela Ganfornina Alcón
SELECTOR DESCENDENTE EJEMPLO ¿PARA QU SE UTILIZA? Selecciona los elementos que se encuentran dentro de otros elementos. ¿CÓMO SE INDICA? Un elemento es descendiente de otro cuando se encuentra entre las etiquetas de apertura y de cierre del otro elemento. EJEMPLO Ángela Ganfornina Alcón
SELECTOR DE CLASE Para aplicar estilos CSS a una sola etiqueta ¿PARA QU SE UTILIZA? Para aplicar estilos CSS a una sola etiqueta ¿CÓMO SE INDICA EN HTML? el atributo class=“ejemplo” ¿CÓMO SE ENDICA EN CSS? .ejemplo Ángela Ganfornina Alcón
Ejemplos de selectores de clase Ángela Ganfornina Alcón
SELECTORES ID ¿PARA QUE SE UTILIZA? para aplicar estilos a un único elemento, eficiente que class ¿Cómo SE INDICA EN HTML <Div id=“Ejemplo”> </div> ¿Cómo SE INDICA EN CSS? #ejemplo Ángela Ganfornina Alcón
EJEMPLOS SELECTORES ID CSS Ángela Ganfornina Alcón
EJERCICIOS Ángela Ganfornina Alcón