Orden en cascada de estilo CSS
Cuando se utilizan varias hojas de estilo, las hojas de estilo deben competir por el control de selectores específicos. En estos casos, siempre existen reglas de hojas de estilo que toman el control. Las siguientes propiedades determinarán el resultado de las hojas de estilo en competencia.
Como se mencionó anteriormente, tanto los autores como los lectores de páginas web tienen la capacidad de especificar hojas de estilo. Cuando las dos reglas entran en conflicto, las reglas del creador de la página web anularán las otras reglas de igual peso de los lectores. Las hojas de estilo de los creadores y lectores de páginas web superan las hojas de estilo integradas en el navegador.
Los autores de páginas web deben utilizar las reglas importantes con precaución, ya que anularán cualquier regla importante que tenga el usuario. Por ejemplo, un usuario puede requerir fuentes grandes o colores específicos debido a limitaciones visuales, y dicho usuario puede declarar ciertas reglas de estilo como importantes, porque estos estilos son extremadamente importantes para que los usuarios lean páginas web. Cualquier regla importante anulará las reglas generales, por lo que se recomienda que los autores de páginas web utilicen reglas generales para garantizar que los usuarios con necesidades especiales de estilo puedan leer la página web.
Reglas de selección: los atributos calculados se basan en su nivel de atributo. Las hojas de estilo también pueden anular las hojas de estilo en conflicto. Un estilo de atributo superior siempre anulará un estilo de atributo inferior. Este es solo un juego de estadísticas que cuenta el número especificado de selectores.
Cuente el número de atributos de ID en el selector.
Cuente el número de atributos CLASS en el selector.
Formato de nombre de etiqueta HTML en el selector de estadísticas.
Finalmente, escribe los tres números en el orden correcto sin espacios ni comas para obtener un número de tres dígitos. (Tenga en cuenta que necesita convertir el número a un número mayor que termine con tres dígitos). La lista final de números correspondientes al selector facilita determinar que las propiedades del número mayor anulan las del número menor. La siguiente es una lista de selectores clasificados por características: #id1 {xxx} /* a=1 b=0 c=0 ——> características = 100 */ UL UL LI.red {xxx} /* a=0 b = 1 c=3 ——> Características = 013 */ LI.red {xxx} /* a=0 b=1 c=1 ——> Características = 011 */ LI {xxx} /* a=0 b=0 c =1 ——> Característica = 001 */El orden de las características es por conveniencia. Cuando dos reglas tienen el mismo peso, se toma la última.
Cuando se utilizan varias hojas de estilo, las hojas de estilo deben competir por el control de selectores específicos. En estos casos, siempre existen reglas de hojas de estilo que toman el control. Las siguientes propiedades determinarán el resultado de las hojas de estilo en competencia.
Como se mencionó anteriormente, tanto los autores como los lectores de páginas web tienen la capacidad de especificar hojas de estilo. Cuando las dos reglas entran en conflicto, las reglas del creador de la página web anularán las otras reglas de igual peso de los lectores. Las hojas de estilo de los creadores y lectores de páginas web superan las hojas de estilo integradas en el navegador.
Los autores de páginas web deben utilizar las reglas importantes con precaución, ya que anularán cualquier regla importante que tenga el usuario. Por ejemplo, un usuario puede requerir fuentes grandes o colores específicos debido a limitaciones visuales, y dicho usuario puede declarar ciertas reglas de estilo como importantes, porque estos estilos son extremadamente importantes para que los usuarios lean páginas web. Cualquier regla importante anulará las reglas generales, por lo que se recomienda que los autores de páginas web utilicen reglas generales para garantizar que los usuarios con necesidades especiales de estilo puedan leer la página web.
Reglas de selección: los atributos calculados se basan en su nivel de atributo. Las hojas de estilo también pueden anular las hojas de estilo en conflicto. Un estilo de atributo superior siempre anulará un estilo de atributo inferior. Este es solo un juego de estadísticas que cuenta el número especificado de selectores.
Cuente el número de atributos de ID en el selector.
Cuente el número de atributos CLASS en el selector.
Formato de nombre de etiqueta HTML en el selector de estadísticas.
Finalmente, escribe los tres números en el orden correcto sin espacios ni comas para obtener un número de tres dígitos. (Tenga en cuenta que necesita convertir el número a un número mayor que termine con tres dígitos). La lista final de números correspondientes al selector facilita determinar que las propiedades del número mayor anulan las del número menor. La siguiente es una lista de selectores clasificados por características: #id1 {xxx} /* a=1 b=0 c=0 ——> características = 100 */ UL UL LI.red {xxx} /* a=0 b = 1 c=3 ——> Características = 013 */ LI.red {xxx} /* a=0 b=1 c=1 ——> Características = 011 */ LI {xxx} /* a=0 b=0 c =1 ——> Característica = 001 */El orden de las características es por conveniencia. Cuando dos reglas tienen el mismo peso, se toma la última.