css - resueltos - title color html

Compruebe si el padre tiene clase usando MENOS

Question

Escenario de ejemplo: me gustaría ocultar un menú de sub-navegación si el usuario tiene javascript habilitado para que se pueda revelar con un clic en un enlace de navegación más arriba en la jerarquía de navegación. Modernizr agrega una clase ''js'' a la etiqueta html si javascript está habilitado para que pueda usarlo para la detección.

En SASS puedo hacer algo como esto:

div.subnav{

   display: block;

   html.js & {
      display: none;
   }

}

¿Se puede hacer esto usando MENOS? ¿Puedo apuntar a un padre dentro de otra regla?

Answer 1

¿Se puede hacer esto usando MENOS?

Sí.

El código que proporcionaste funciona en MENOS. El & combinator funciona igual .

Al final, los selectores generaron para:

div.subnav {
    ...
    html.js & {
        ...
    }
}

estarán:

div.subnav {
    ...
}

html.js div.subnav {
    ...
}