Tenho a seguinte estrutura no HTML:
<div class="panel">
...
</div>
<div class="panel">
<div class="controls">
...
</div>
</div>
A classe panel
tem alguns estilos gerais e eu gostaria de alterar o padding-right
dela apenas quando ela contiver como filha a classe controls
.
Sei que se fosse ao contrário, se quisesse alterar a classe controls
só se ela fosse filha de panel
, o seletor no CSS ficaria:
.panel .controls {
...
}
Ou:
.panel > .controls {
...
}
Mas e para alterar a classe panel
só se ela tiver como filha a classe controls
? Existe seletor pra isso?