Tengo un div que tiene 2 hijos.
<div class="parent"> <div class="child1"> XYZ </div> <span class="child2">67</span> </div> si child2 tiene texto, quiero que child1 tenga un ancho de 10px, pero si child2 es un lapso vacío, quiero que child1 tome el 100% del ancho. Intenté usar only-child , pero no funciona, ya que de todos modos el intervalo es un hijo, ya sea que esté vacío o no.
utilizar este
div.parent .child2 ~ .child1{width:10px}; div.parent .child2:empty ~ .child1{width:100%};