JSFiddle - React, Tailwind, and code Playground

HTML

<article>
    <div class="entry"></div>
    <figure class="media"></figure>
</article>

<article>
    <div class="slideshow">
        <div class="entry"></div>
        <figure class="media"></figure>
    </div>
</article>

CSS

:not(.slideshow)>.media{
 background:red;
}

figure{width:50px; height:50px;}