Esto

.class{
 .subclass{ }
}

Ser la misma que

.class{}
.subclass{}

¿Existen diferencias además de las visuales?

0
neca 14 nov. 2017 a las 19:49

2 respuestas

La mejor respuesta

Anidar en SASS hace exactamente eso. Aumenta la especificidad del selector.

Juega con esta esencia en SassMeister.

.class {
  .subclass {
    color: red;
  }
}

Compila a:

.class .subclass {
  color: red;
}
3
Robert Wade 14 nov. 2017 a las 16:53

Aumenta la especificidad.

.class {
    .subclass{}
}

Después de ser compilado en CSS normal es:

.class .subclass {
}

Mientras que su segundo ejemplo permanece exactamente igual después de compilar.

Por supuesto, esto solo funciona si está utilizando SASS / LESS.

1
Bojan Ivanac 14 nov. 2017 a las 16:53