JSFiddle - React, Tailwind, and code Playground

by Givi Kesanashvili

HTML

<div id='outerdiv'>
    <div class='class-1'>1</div>
    <div class='class-2'>2</div>
    <div class='class-3'>3</div>
    <div class='class-4'>4</div>
    <div class='news'>5</div>
</div>

CSS

table, td {
    border: 1px solid #888;
    padding: 2px;
    font-weight: bold;
}

JavaScript

function not(selector, filter) {
    try {
        return document.querySelectorAll(selector + ":not(" + filter + ")");
    } catch (e) {
        console.log("something goes wrong");
        return null;
    }
}

[].forEach.call(not("#outerdiv div", ".news"), function (value, index, array) {
    value.style.backgroundColor = "red";
});