Estoy trabajando con un feed html que me da la siguiente estructura
<div class="a"> <span class="b">Some Text</span> Some other, redundant text </div> No puedo cambiar la estructura del feed html, pero me preguntaba si hay una solución CSS que oculte el texto redundante, de modo que ocupe cero espacio, mientras mantiene visible el elemento <span> .
div > span { visibility: visible; } div { visibility: hidden; } <div class="a"> <span class="b">Some Text</span> Some other, redundant text </div>Un poco hacky pero funciona
.a { font-size: 0px; } .a span { font-size: 1rem; } no use la propiedad de visibility , hace que el texto sea invisible pero no lo elimina.