内联样式 > ID选择器 > 类选择器 > 标签选择器 > 通用选择器 > 继承样式 > 浏览器默认样式
Cuando hay selectores del mismo tipo, las fórmulas diferentes reciben pesos diferentes y se calculan mediante fórmulas.
Ejemplos:
- Peso para estilo en línea = 1000.
- El peso del estilo en el selector de ID = 100.
- El peso del estilo en el selector de clase, el selector de atributos y el selector de pseudoclase = 10.
- El peso del estilo en el selector de etiquetas = 1.
- El selector universal se puede ignorar directamente.
El valor de peso del selector se calcula mediante la fórmula n1 * 100 + n2 * 10 + n3 * c.
Nota :
- Este modelo de cálculo es solo para comprender la relación de prioridad de estilo y no puede representar el método de cálculo real en el navegador
- El cálculo del valor del peso no puede sobrepasarse. Por ejemplo, el selector A tiene solo un selector ID y el peso es 100; el selector B usa 20 selectores de clase y el valor del peso es 200. En este momento, si los estilos correspondientes a los dos selectores actúan en el mismo nodo DOM, el selector A tendrá efecto porque su nivel de selector es más alto.
- Si los dos selectores A y B son selectores del mismo nivel, y el valor de peso final calculado también es el mismo, entonces cuál de los dos selectores tiene la mayor prioridad.