CSS: La Guía Definitiva, 5ª Edición

Capítulo 21. CSS At-Rules

Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: [e-mail]

Durante 20 capítulos hemos explorado las propiedades, valores y selectores de que pueden combinarse para crear reglas CSS. Esto es lo que podríamos llamar reglas normales o reglas regulares, y son potentes, pero a veces se necesita algo más. A veces se necesita una forma de encapsular determinados estilos en bloques condicionales, de forma que los estilos puedan aplicarse a determinados anchos de página o sólo si una determinada característica CSS es reconocida por el navegador que procesa la hoja de estilos.

Casi siempre están encerradas en reglas at, llamadas así porque empiezan con un símbolo at (@). Ya has visto algunas de ellas en capítulos anteriores, como @font-face y @counter-style, pero aún hay más que no están tan estrechamente ligadas a detalles de estilo. Este capítulo explora las tres potentes reglas at @media, @container y @supports.

Consultas a los medios

Gracias a los mecanismos de definidos en HTML y CSS llamados consultas de medios, puedes restringir cualquier conjunto de estilos (incluidas hojas de estilo enteras) a un medio específico, como la pantalla o la impresión, y a un conjunto específico de condiciones de medios. Estos mecanismos te permiten definir una combinación de tipos de medios y condiciones como el tamaño de pantalla o la profundidad de color, por poner dos ejemplos. Cubriremos la forma básica antes de ...