Introducción

El anidamiento CSS ahora es nativo en todos los navegadores modernos, sin necesidad de Sass, Less o PostCSS.

Sintaxis básica

.card { background-color: #fff; .card-title { font-size: 1.5rem; } &:hover { box-shadow: 0 4px 8px rgba(0,0,0,0.1); } }

Ya no se requiere el prefijo & para anidar selectores de clase o elemento.

Diferencia clave con Sass

CSS nativo NO soporta concatenación de sufijos tipo BEM (&--large es inválido). En su lugar, escribe la clase completa: &.button--large.

Posicionamiento del &

Puedes usar & al final o en medio de un selector para estilos contextuales: .dark-mode & { color: #fff; }.

¿Cuándo migrar?

Mantén Sass si usas variables, mixins o concatenación de sufijos. Migra a CSS nativo para simplificar el pipeline de build.