Buenas, una duda que tengo. ¿Es posible, mediante CSS, anidar selectores?
En mi proyecto, tengo varios estilos que tengo dependientes de algunos selectores que son comunes en distintos sitios, por ejemplo:
.menu1 { declaracion menu1 ... }
.menu1 .div1{ declaracion xxxx ... }
.menu1 .div2{ declaracion yyyy ... }
.menu1 .div3{ declaracion zzzz ... }
.menu2 { declaracion menu2 ... }
.menu2 .div1{ declaracion vvvv ... }
.menu2 .div3{ declaracion wwww ... }
En lugar de definirlas así, ¿hay alguna manera de anidarlas para no tener que volver a escribir el primer selector? Algo tal y como así:
.menu1 {
declaracion menu1 ...
.div1{ declaracion xxxx ... }
.div2{ declaracion yyyy ... }
.div3{ declaracion zzzz ... }
}
.menu2 {
declaracion menu2 ...
.div1{ declaracion vvvv ... }
.div3{ declaracion wwww ... }
}
No se si esto es posible con CSS (no tengo ni SaSS ni LeSS en el proyecto). O si existe otro método más eficaz que hacerlo como lo estoy haciendo. Busco documentación al respecto pero no encuentro nada y ya no se si es que no estoy buscando bien o no se puede hacer.
Un saludo y gracias