Regla 1: cercano ascendencia ancestro que cualquier otro estilo de alta prioridad estilo
Regla 2: "estilo directo" que "ancestro del estilo de" prioridad.
Regla 3: Si la misma prioridad, a continuación, seleccione el estilo visto por última vez.
Regla 4 :! Importante
a: la más alta prioridad, si hay, al mismo tiempo, la prioridad se calcula de acuerdo con las reglas generales.
B: ! Estilo Importante si heredados por las subclases, las subclases heredan de estilos, no heredará los medios de prioridad (ajuste de color es el padre de los colores: rojo !! importante; importantes sub-elementos no pueden ser utilizados para restablecer el estilo)
Regla 5: relación de prioridad: estilo en línea> selector de ID> selector de clase = selectores de atributos selector de pseudo clase => = pseudo-elemento selectores selector de etiquetas> comodín *
Regla 6: una pluralidad de selectores de la etiqueta a ser seleccionado de forma simultánea, las siguientes reglas
El número (a) calculando el selector selector de ID
El número y (b) el cálculo de selectores selectores de clase, la selección de atributo y un selector pseudo clase
Cálculo de los selectores de la etiqueta y el selector pseudo-elemento selector y el número de (c)
Pide a, b, c comparar sucesivamente el tamaño de la alta prioridad mayor, igual a la siguiente comparación.
Si los dos últimos selectores de a, b, c son iguales, entonces de acuerdo con "el principio de proximidad" se determina.
Ejemplos: #parant> lapso de surtir efecto; (id + golpeó como una etiqueta, y si a continuación, la siguiente fuente a palmo # niño es azul debido a la misma prioridad, detrás de la portada)
CSS selector de 7 diversas fundaciones
-
selector de ID como #id {}
-
selector de clase como .class {}
-
selector de atributos, tal como una [href = "segmentfault.com"] {}
-
selectores de pseudo-clase, tales como: hover {}
-
selector de pseudo-elemento, como antes :: {}
-
selector de etiquetas, tales como un intervalo de {}
-
Selector salvaje, como {*}
Selector Selector Class = Propiedades Descripción:
El ejemplo siguiente: [id = "AAA"] y .AAA el mismo peso, que escribió en el extremo, que es tomar efecto;
Si los selectores de propiedades, además de p, también lo es su elevado peso, incluso si EDITORIAL:
Erróneo decir:
Puede que haya oído ponderación de valor a la declaración selector, es decir, un peso de selector de ID 100, el tipo de selector con un peso de 10, el selector de etiquetas un peso de 1, cuando una pluralidad del selector por el selector de ID, clase al seleccionar el selector composición o etiqueta, se añaden los valores de propiedad de entonces, entonces la comparación valor de peso. Este argumento es problemático. Por ejemplo, una clase del selector 11 que consiste en un selector y un selector de ID que consiste en un señalador selector a la misma etiqueta, y normalmente 110> 100, se deben aplicar a la antigua estilo, sin embargo, es el hecho de que la aplicación de este último estilo.