Суть такая - есть множество блоков с такой структурой элементов
<div class="myclass">
<a href="#"><strong>Lorem ipsum</strong></a>
<b>lorem ipsum</b>
lorem ipsum sit amet...
<strong>lorem ipsum</strong>
тут снова такое же
и снова и снова
</div>
Все это получено из визуальных редакторов, люди, писавшие это все, далекие даже от html настолько, что не проставляли даже тега p нигде. Сейчас таких блоков - тысячи, вручную править никто не будет, да и особо не мешает.
Но вот в некоторых представлениях понадобилось как то стилизовать - например, хочу в этом диве оставить только заголовок-ссылку, а все остальное - скрыть. Думал, просто скрыть все дочерние элементы, кроме a, но не тут то было. Скрывает все, где есть какой то тег, а где нет - никакого воздействия.
Пример на codepen. Подскажите решение, если есть.
Простой
