Los selectores en CSS se utilizan para seleccionar los elementos HTML a los que se aplicarán ciertos estilos.
Aquí te presento algunos ejemplos de cómo utilizarlos:
1. Selector de elementos: Este selector selecciona elementos basados en el nombre del elemento. Ejemplo: ```css p { color: red; } ``` Este código seleccionará todos los elementos
en el HTML y los pintará de color rojo.
2. Selector de ID: Este selector selecciona un elemento único basado en su id. Se utiliza el símbolo de # seguido del id del elemento. Ejemplo: ```css #myID { color: blue; } ``` Este código seleccionará el elemento con el id “myID” y lo pintará de color azul.
3. Selector de clase: Este selector selecciona elementos basados en su clase. Se utiliza el símbolo . seguido del nombre de la clase. Ejemplo: ```css .myClass { background-color: yellow; } ``` Este código seleccionará todos los elementos con la clase “myClass” y cambiará su color de fondo a amarillo.
4. Selector de Descendiente: Este selector selecciona elementos que son descendientes de un elemento específico. Ejemplo: ```css div p { color: green; } ``` Este código seleccionará todos los elementos
que son hijos de un elemento
Hay muchos otros tipos de selectores en CSS que pueden utilizarse para seleccionar elementos basados en atributos, pseudo-clases, pseudo-elementos, entre otros. Para un uso más avanzado de los selectores y una mayor especificidad, puedes combinarlos.
