Saltar al contenido

Anidamiento nativo en CSS: ¿ya lo están usando?

Benjamín R.

Nivel 3 ·

Ahora que el anidamiento funciona en todos los navegadores principales, estoy probando escribir así: .card { padding: 1rem; & h2 { margin: 0; } &:hover { box-shadow: 0 2px 8px #0003; } } ¿Alguien ya lo usa en producción?
1031 vistas 4 respuestas 1 0

Respuestas 4

  1. Gabriel B.

    Nivel 3 ·

    0 0

    Sí, en proyectos nuevos. Ojo con los navegadores viejos que puedan tener tus usuarios: si necesitás soportarlos, todavía conviene compilar.

  2. Migue_22

    Nivel 3 ·

    1 0

    Al principio había una limitación: no se podía anidar un selector de elemento sin el &. Eso ya se relajó en las versiones más nuevas de los navegadores.

  3. Gabriel B.

    Nivel 3 ·

    0 0

    Mismo consejo que con Sass: no anides más de 2 o 3 niveles, que después la especificidad se te va de las manos.

  4. Benjamín R.

    Nivel 3 ·

    0 0

    Bien, lo uso con moderación y compilando para los viejos. Gracias.