Selectores CSS

Selectores CSS permiten seleccionar y manipular elemento (s) de HTML.

Selectores CSS se utilizan para “encontrar” (o seleccionar) elementos HTML en función de su id, clases, tipos, atributos, valores de atributos y mucho más.


El selector de elemento

El selector de elementos selecciona elementos basados ​​en el nombre del elemento.

Puede seleccionar todas las <p> elementos de una página como esta: (todos elementos <p> a-centro alineado, con un color de texto rojo)

Ejemplo

{
text-align: center;
color: red;
}

El Selector de Identificación

El selector de id utiliza el atributo id de una etiqueta HTML para encontrar el elemento específico.

Un identificador debe ser único dentro de una página, por lo que debe utilizar el selector de ID cuando se quiere encontrar un solo, único elemento.

Para encontrar un elemento con un identificador específico, escriba un carácter de almohadilla, seguida de la identificación del elemento.

La regla de estilo a continuación se aplicará al elemento HTML con id = “para1”:

Ejemplo

#para1 {
text-align: center;
color: red;
}

El selector de clase

El selector de clase encuentra elementos con la clase específica.

El selector de clase utiliza el atributo de clase HTML.

Para encontrar los elementos con una clase específica, escriba un carácter de punto, seguido del nombre de la clase:

En el siguiente ejemplo, todos los elementos HTML con class = “center” serán centro alineado:

Ejemplo

.center {
text-align: center;
color: red;
}

Mas Videos