Как скрыть блок, когда расположенный ниже элемент содержит рекламу ?

Karamzin

Member
Как скрыть блок, когда расположенный ниже элемент содержит рекламу ? Есть условно
Code:
<article class="story story_tags-at-top story_exp-unit story_exp-unit_c"> 
<span class="story__sponsor_disclaimer hidden">Реклама</span> 
</article>
Условно, потому что span много ниже, а не сразу после article.

p.s. Речь о пикабу, если что
 

Karamzin

Member
Спасибо. Буду пробовать. Т.к. появление этих блоков имеет переодический, а не постоянный характер, об успешном или неуспешном срабатывании отчитаюсь позднее ;)
 

Karamzin

Member
Работает, но блок "story__sponsor_disclaimer" вариативен и у меня вылезло уже "story__sponsor_disclaimer hidden" и "story__sponsor story__sponsor_bottom". Можно ли как-то универсализировать правило для скрытия "story__sponsor*" ?
 

Karamzin

Member
Какое правило используете?
Code:
pikabu.ru#?#.story:has(> .story__sponsor story__sponsor_bottom)
pikabu.ru#?#.story:has(> .story__sponsor_disclaimer hidden)
pikabu.ru#?#.story:has(> .story__sponsor_disclaimer)
только всё равно не работает, хоть мне и казалось, что работает. В общем вот код блока "нормальной" истории :

Code:
<article class="story" data-story-id="9995137" data-page="false" data-editable="false" data-visited="false" data-story-long="false" data-vote="0" data-rating="1702" data-vid="H9995137" data-timestamp="1677642089" data-vkey="sdVk" data-author-id="1997477" data-author-name="dem4eva" data-meta-rating="-24846801461:-24846634665" data-comments="77" data-recom-algo="" data-recom-coef="" data-can-vote="true" data-text-length="573" data-context-actions="duplicate_report,report">
<div class="story__left ">
<div class="story__main">
<header class="story__header">
<div class="story__content-wrapper">
</div>
</article>
а вот блок истории курильщика с "партнёрским" материалом (который имеет переодический характер), который надо скрыть :

Code:
<article class="story story_tags-at-top" data-story-id="9968820" data-page="false" data-editable="false" data-visited="true" data-story-long="true" data-slice-type="2" data-vote="0" data-vid="W4735" data-timestamp="1677642089" data-vkey="HjfBb_CcZ6kCD" data-author-id="3325735" data-author-name="practicum.yandex" data-meta-rating="-4056592967:-4056593191" data-comments="0" data-recom-algo="" data-recom-coef="" data-can-vote="true" data-text-length="7149" data-blog="1" data-context-actions="">
<div class="story__left ">
<div class="story__main">
<header class="story__header">
<div class="story__labels">
<a class="story__company-blog-badge company-blog-badge" href="https://pikabu.ru/companies" target="_blank" rel="nofollow">Блог компании</a>
<a class="story__sponsor story__sponsor_bottom" href="https://pikabu.ru/information/specials?from=ad_unit" target="_blank" rel="nofollow">Партнёрский материал</a>
<span class="story__sponsor_disclaimer hidden">Реклама</span>
</div>
<div class="story__user user">
<h2 class="story__title">
</header>
<div class="story__content-wrapper">
</div>
</article>
может это всё генерится и инжектируется "на лету" и нужна отработка правила постфактум, я хз.
 
Top