JSFiddle - React, Tailwind, and code Playground

by Thasmo

HTML

<section class="content content-text">1</section>
<section class="content content-video">2</section>
<section class="nocontent nocontent-divider">3</section>
<section class="content content-image">4</section>
<section class="content content-quote">5</section>

CSS

section {
    display: block;
    height: 50px;
    background: #ddd;
    margin-bottom: 1px;
}

/* selector 1 */
[class|=content] {
    background: #773300;
}

/* selector 2 */
.content {
    background: #118833;
}