Un detalle importante para comprender y aplicar hojas de estilo en cascada es el aspecto en cascada de su nombre. Es decir, ¿cómo maneja múltiples reglas para el mismo elemento? Esta semana, presentaré las características de CSS en detalle y daré ejemplos.
prioridad
Las propiedades CSS tienen mayor prioridad que las propiedades HTML. Puede utilizar atributos HTML en navegadores sin compatibilidad con CSS, pero agregar compatibilidad con CSS al navegador no tendrá ningún efecto. Al utilizar CSS, es importante tener un conocimiento profundo del origen de una regla CSS.
fuente
Al considerar la aplicación de reglas CSS, normalmente hay dos aspectos. El primero es el lector, que corresponde a que el usuario visualice la aplicación web a través de su navegador preferido. El segundo aspecto es el autor, el desarrollador web real que desarrolló la aplicación web.
Las preferencias del lector las maneja el usuario, es decir, puede desarrollar sus propias hojas de estilo y luego distribuirlas a través de la configuración del navegador. Por ejemplo, los usuarios del navegador de Internet IE 6 pueden especificar una hoja de estilo de usuario a través del menú Herramientas | Opciones de Internet | Los desarrolladores web desarrollan su propio CSS para especificar reglas y aplicarlas en páginas web. Al mismo tiempo, los navegadores suelen tener reglas integradas.
cascada
El aspecto en cascada en el acrónimo CSS se refiere al proceso de fusionar y sobrescribir reglas entre diferentes fuentes. Cuando se utilizan varias hojas de estilo simultáneamente, los selectores definidos por cada hoja de estilo compiten entre sí por el control. La siguiente lista especifica el orden en que se resuelven los conflictos entre los selectores de hojas de estilo, siendo el primer elemento el más importante.
Importancia: ¿El selector está designado como importante?
Fuente de la regla: ¿Dónde se definen las reglas?
Propiedades: ¿Cuáles son las propiedades de la regla?
Secuencia: ¿Qué se define al final?