¿Qué son los selectores CSS? Orden de prioridad de varios selectores.

1.

Selector de nombre de etiqueta

Diferencia

{

Color : red;}

/Es decir, el estilo CSS de cada nombre de etiqueta en la página.

2. Selector de categorías

. divClass

{Color: red;}

/ es la clase definida para cada etiqueta.

Estilo CSS en

selector 3.ID

#myDiv

{Color: rojo;}

/Es decir, la identificación de la etiqueta en la página.

4. Selector de descendientes (selector de descendientes del selector de clases)

. divClass

Span

{

Color: rojo;}

/ Es decir, varios selectores están separados por comas.

Nombre para encontrar la etiqueta exacta

5. Selector de grupo

div, span, img

{Color: rojo}

/Es decir, las etiquetas con el mismo estilo se muestran en grupos.

Prioridad del selector

1. La prioridad más alta es

(Establezca el estilo directamente en la etiqueta, asumiendo que el nivel es 1000)

2. La segunda prioridad es (selector de ID

, asumiendo que el nivel es 100)

# my div { color:Red;}

3. La segunda prioridad es (selector de clase, suponiendo que el nivel sea 10).

. divClass {Color: rojo;}

4. El último punto importante es

(selector de etiquetas, asumiendo que el nivel es

1)

div {Color: rojo;}

5. Puedes calcular la prioridad del selector descendiente.

Por ejemplo

. divClass

Span

{

Color: rojo;}

La prioridad es: 11 = 11.