Блокировка вложенных div

[xaaru]

Добрый день
подскажите, как написать правило, для блокировки вложенных div
есть структура:
<div class="card">
<div class="card-footer">
<div class="card-section">
<a class="btn-card-link media media-middle">
<div class="media-body">xxxx</div>
<div class="media-right">xxx</div>
</a>
</div>
</div>
</div>

добавил правило:
www.strava.com#?#div:has(> a[class^="btn-card-link media media-middle"])
но оно блокирует только начиная с уровня <div class="card-section>
как "захватить " еще 2 выше?

заранее спасибо

 

[Ftse553yyhyw-98438r3tje]

strava.com##.card
strava.com##.card-footer

 

[xaaru]

но так же он заблокирует все div card и card-footer, а там есть и полезные на странице, класс card общий
как именно заблокировать card, когда на в него на третем уровне вложено что-то?

 

[Ftse553yyhyw-98438r3tje]

www.strava.com##.card:has(> div > div> a[class^="btn-card-link media media-middle"])

или так

www.strava.com##.card:has(> .card-footer >.card-section > a[class^="btn-card-link media media-middle"])

 

[xaaru]

www.strava.com##.card:has(> div > div> a[class^="btn-card-link media media-middle"])

или так

www.strava.com##.card:has(> .card-footer >.card-section > a[class^="btn-card-link media media-middle"])

спасибо!

 

[xaaru]

что-то перестало работать. может коллективный ум подскжет?
есть правило:
www.strava.com#?#div:has(>>>> div[class^="AthleteJoinEntry"])
раньше работало, теперь нет
делаю правило:
www.strava.com#?#div:has(>div[class^="AthleteJoinEntry--details"])
вырезает DIV на уровень выше, но добавление больше ">" не приводит к тому, чтобы вырезал уровни выше. почему?
как можно вырезать ?

исходник:
<div role="button" tabindex="0" class="Feed--entry-container--ntrEd">
<div class="Card--feed-entry--eeHS5 Card--card--8qT2W " data-testid="web-feed-entry" index="1">
<div class="EntryHeader--entry-header--lXRRn"><div data-testid="group-header" role="link" tabindex="-1">
<a href="/athletes/15963241">..</a> joined a challenge
</div>
</div>
<div class="EntryBody--entry-body--taihW">
<div class="Media--media--K1ODc AthleteJoinEntry--media--kEDKw">
<div class="MediaLeft--media-left--EzQvk MediaLeft--big-badge--32809">
<a href="/challenges/veloforte-september-switch-up" alt="Veloforte September Switch Up">
<img class="ChallengeJoin--logo--FGNSY" src="https://dgalywyr863hv.cloudfront.net/challenges/3353/3353-logo.png" alt="Veloforte September Switch Up">
</a>
</div>
<div class="MediaBody--media-body--uT-hq" style="display: none !important;">
<h3 class="AthleteJoinEntry--title-text--sRiv7">
<a href="/challenges/veloforte-september-switch-up" data-testid="title-text">Veloforte September Switch Up</a>
</h3>
<div class="AthleteJoinEntry--details--1CrmU" style="display: none !important;">
<div class="AthleteJoinEntry--icon-wrapper--NWHem">
<div data-testid="sports-icon">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
<path d="xxxxx" fill=""></path>
</svg>
</div>
</div>
<div class="AthleteJoinEntry--entry-text--7nlAn">
<span>16,354 participants</span>
<span>7 days until challenge starts</span>
</div>
</div>
<button class="Button--btn--nJNO1 Button--primary--x47Uv AthleteJoinEntry--join-btn--Mh-s+" type="button">Join Challenge</button>
</div>
</div>
</div>
</div>
</div>

 

[Alex302]

Покажите на скринште, что хотите заблокировать.