Remove header elements on certain pages?

Hi,

I want to design a couple of pages that do not have the header and nav menu etc at the top of the page.

Can I edit the css in my child theme to do this?
I have tried a couple of things like…

.page-11-id #cir-site-header{display:none;}

… but no success yet

Thanks