Selectores CSS avanzados 4/4 – :is() y :where()

:where() e :is() son dos selectores con idéntica función, que deberían ser ya parte de cualquier nuevo desarrollo que use CSS por las razones que veremos a continuación, se podría decir que marcan un antes y un después en la forma de escribir nuestros selectores.

Continue leyendo →

Selectores avanzados CSS 3/4 – :valid e :invalid

Tutorial para crear una validación de formularios HTML5 usable y accesible con selectores CSS :valid, :invalid, :required, :indeterminate y :out-of-range.

Continue leyendo →

Selectores avanzados CSS 2/4 – [attribute]

En este segundo capítulo sobre selectores avanzados vamos a ver el selector de atributo [attribute], su sintaxis, su funcionamiento y cuestiones de especificidad, pero sobre todo su aplicación práctica.

Continue leyendo →

Columnas HTML con CSS Columns

Cuando hablamos de columnas HTML podemos estar refiriéndonos a dos cosas: a un column layout de dos o tres columnas o al llamado multi-column layout o sistema de columnas responsive. Este artículo se centra en el último, una técnica de múltiples utilidades que seguro te sorprenderá.

Continue leyendo →

Selectores avanzados CSS 1/4 – nth-child()

Tutorial de selectores CSS :nth-child de básico a avanzado y aplicaciones prácticas

Continue leyendo →