Está en la página 1de 2

Actividad 16.

1. Realice un ejercicio práctico donde utilice y se aplique la especificidad


o el peso específico del código CSS.

especifico.css especificidad.html

2. Extraiga ideas importantes del video para socializarlas en formación.


- la especificidad es lo que gobierna la naturaleza, el coeficiente específico
de los selectores css. Es importante el tenerlo en cuenta parta saber
provecharlo en nuestra ventaja.
La especificidad se puede demostrar atreves de este pequeño ejemplo:
Se crea una etiqueta” h1” en “HTML” y luego en tu “css” se crea un
selector de clase que sea color y sea rojo, y un id que también se color,
pero es será azul.
h1{
color: red;    

}
#h1{
color:blue;    
}

Después se le aplica a la etiqueta “h1” una clase y una id. Al ver se aplica
el color azul antes que el rojo, esto no es por cascada o por orden. Esto es
por la especificidad la regla que domina este comportamiento. Al ver este
ejemplo sabemos que ay una serio de factores que hace a los selectores
css en valores. Y hace que “id” tenga más valor que las clases.
Ahora vamos a ver el índice de especificidad, es lo que determina el peso o
el valor de un selector. No importa que sea uno muy simple o el otro sea
demasiado complicado todos al final se traducen en un coeficiente de
especificidad. Y este coeficiente tiene 4 valores.

- El primero dice si tiene estilos en línea.


- El segundo dice la cantidad de selectores id que se utilizan,
- El tercero es el número de selectores de clase que se utilizan.
- El cuarto es el numero de selectores de tipo que se utilizan.
Esto determina es coeficiente de especificad.
A continuación, se muestra un ejemplo:
H3 {color: red;}
0,0,0,1
.destacado { font-weight: bold;}
0,0,1,0
#titulo {font-size: 2em;}
0,1,0,0
<h4 style= "color: blue; > mas info. </h4>
1,0,0,0
p {color: green; !important;}
9,9,9,9
____________________________________________________________
De forma lógica los selectores de tipo son los menos específicos, siguiendo
con los de clase id, y por ultimo los más específicos: en línea:
Pero aquí Vuelve a aparecerla clase important para cargarse esa lógica
antes establecida, como anterior mente decíamos es la peor práctica que
se puede usar. por que la palabra clave ¡important se sata todo tipo de
especificidad es como si fuera 9,9,9,9. No importa las demás clases.

También podría gustarte