soy nuevo con la metodología BEM para CSS, y tengo una duda respecto a los hijos de un modificador.
Digamos que tengo este HTML:
<div class="block-container">
<div class="block-container__element"></div>
</div>
Al block-container
le añado el modificador block-container--modifier
.
El CSS se vería de la siguiente manera:
.block-container {
...
}
.block-container__element {
...
}
.block-container--modifier {
...
}
Y esta es mi pregunta: ¿cómo puedo cambiar algunos atributos CSS de __element
cuando añado el modificador?
He leído, que debemos evitar hacer "nesting" (que nada dependa de un padre), pero supongo que en algunas ocasiones, como esta, esa regla o sugerencia debe romperse para lograr cambiar algunos estilos, ¿verdad?
Uso CSS puro, ningún pre-procesador como SASS o LESS.