How to hide div on certain pages?

Question

css

There is a div block with the content class on all pages. I wanted to know if it is possible to hide this div on index.html, and display it on others.
Thanks in advance!

Answer 1

in the head section of index.html, paste the following:

<style>
div.content {display: none !important}
</style>

Answer 2

jQuery

$(document).ready(function(){
    if (document.location.pathname == '/') {
       $('.container').addClass("container-hide");   
    }
});

css

.container-hide{
    display:none;
}

So?