CodePen Embed - Advanced Scenarios with Combining :not() and Multiple Classes

<section class="content">
    <div class="highlighted">This is a highlighted div.</div>
    <div class="important">This is an important div.</div>
    <div>This is a regular div.</div>
</section>

<section class="special">
    <div class="highlighted">This div is highlighted and inside a special section.</div>
    <div class="important">This div is important and inside a special section.</div>
    <div>This is a regular div inside a special section.</div>
</section>

section:not(.special) div:not(.highlighted):not(.important) {
    border: 1px solid #000;
    color: red;
}

This Pen is owned by coding clone on CodePen.

See more by @coding-clone on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.