Question

Is there a pseudo selector or method to detect a <section> tag with an id. I.E. <section id="no_display">?

I have a header and it has a bottom margin of 35px. However, I don’t want to apply the bottom margin on one page, but I want to apply it on all others.

Is there a method to detect an id and not apply the margin?

<header>
    //stuff here
</header>
<section id="no_display">
    //other stuff here
</section>

So, if <header> is immediately followed by section id="no_display", don’t apply the bottom margin

Hopefully that makes sense.

Answer 1

You can use negative margin for your section to compensate margin-bottom of its previous sibling element:

#no_display {
    margin-top: -35px;
}