JSFiddle - React, Tailwind, and code Playground

by Imran Bughio

HTML

<section class="page-id-173">Assume this is a page with id 173
    <div class="et_section_regular">This is ET Section Regular Div</div>
    <div id="main-content">This is Main Content</div>
</section>
<section class="page-id-174">Assume this is a page with id 174
    <div class="et_section_regular">This is ET Section Regular Div</div>
    <div id="main-content">This is Main Content</div>
</section>
<section class="page-id-175">Assume this is a page with id 175
    <div class="et_section_regular">This is ET Section Regular Div</div>
    <div id="main-content">This is Main Content</div>
</section>
<section class="page-id-176">Assume this is a page with id 176
    <div class="et_section_regular">This is ET Section Regular Div</div>
    <div id="main-content">This is Main Content</div>
</section>

CSS

section:not(.page-id-174) .et_section_regular,
section:not(.page-id-174) #main-content{
    background-color: #F5EFE5 !important
}
section{
    border-bottom: 1px solid #454545;
    margin-bottom: 10px;
    padding-bottom: 10px;
}