Remove Css an specific Page with especific Role

Hello

With this CSS on a page get remove the Header and Footer to a specific page.

.et_fullwidth_nav #main-header .container {
width: 100%;
max-width: 100%;
padding-right: 30px;
padding-left: 30px;
display: none;
visibility: hidden;
}
#top-header .container {
padding-top: 0.75em;
font-weight: 600;
visibility: hidden;
}
#wpadminbar {
z-index: 100001;
display: none;
visibility: hidden;
}
.main_title {
margin-bottom: 20px;
display: none;
visibility: hidden;
}
#footer-bottom {
padding: 15px 0 5px;
background-color: #1f1f1f;
background-color: rgba(0, 0, 0, 0.32);
display: none;
visibility: hidden;
}

I need to remove the footer and header only for certain user roles or certain id_user, which also applies to specific pages.

I need Php? How could I?

I am very new to CSS and PHP code.

Thank you very much,