Как удалить класс с помощью CSS?

Question

Я пытаюсь сделать свой блог Wordpress отзывчивым для мобильных устройств. Я смог настроить домашнюю страницу в style.css, но у меня возникли проблемы с одной страницей.

Проблема в следующем: у меня есть три столбца, и я хочу удалить правые и левые боковые панели. Но они не похожи на домашнюю страницу, а классы.

Одно сообщение страница имеет один идентификатор (#postcolumn) с 3-х классов: .leftsidebar, .postzone и .rightsidebar. Как удалить .leftsidebar и .rightsidebar?

Вот мой код для домашней страницы, который работает большой ...

@media only screen and (max-width: 480px) { 
    #wrapper, #header, #column { 
     width:400px; 
    } 

    #middlecolumn, #rightcolumn, #header, #footer { 
     display:none 
    } 
} 

Answer 1

Если я правильно понимаю ваш вопрос, ваш HTML разметки для одной почтовой страницы выглядит примерно так:

<div id="postcolumn"> 
    <div class="leftsidebar"> 
    // something 
    </div> 
    <div class="postzone"> 
    // something 
    </div> 
    <div class="rightsidebar"> 
    // something 
    </div> 
</div> 

Применяя ту же логику, на главной странице, то CSS будет выглядеть следующим образом:

@media only screen and (max-width: 480px) { 
    #wrapper, #header, #column { 
     width:400px; 
    } 

    #middlecolumn, #rightcolumn, #header, #footer, #postcolumn .leftsidebar, #postcolumn .rightsidebar { 
     display:none 
    } 
}