reglas de cálculo de peso CSS

1. Utilice una cadena de cuatro dígitos para representar el peso. Cada número representa un nivel, con niveles que disminuyen de izquierda a derecha, sin transferencia entre niveles.

El valor de contribución de cada selector se suma al valor del peso final.

2. El peso del estilo heredado es 0. Los estilos en línea tienen mayor peso que todos los selectores.

! El comando importante indica prioridad.

Cuando los pesos son iguales, se utiliza la cascada.

Ejemplo

 #box ul li a.cur {color:rojo;}

#caja li .cur {color:verde;}

#box ul li a.cur El peso es 100+1+1+1+10 = 113

#box li .cur El peso es 100+1+10 = 111

Las anteriores son las reglas de cálculo para el peso de CSS. Espero que sean útiles para todos.