Можете ли вы использовать два идентификатора для выбора в CSS? # content.special #page

Question

Я искал около 10 страниц, не могу найти этот вопрос здесь.Я пытаюсь задать простой вопрос, но я хотел бы знать, есть ли способ условно выбрать второй идентификатор в CSS.

Вот суть этого:

#container {width:1000px;}
#page {width:600px;}
#sidebar {width:400px;}

#container.special {width:800px}
#container.special #sidebar {width:200px;}

По сути, если контейнер имеет класс special, он сжимается, и поэтому элементы div внутри него также должны быть отрегулированы.

Я думал, что это будет работать, но это не похожек.Я могу исправить это разными способами, и это только пример, так что я не пытаюсь что-то исправить, просто понимаю, если это возможно, и если нет, если есть решение CSS.

Спасибо, выход

Answer 1

То, что у вас есть, является действующим CSS. Ваше правило для #container.special #sidebar переопределит правило #sidebar (поскольку оно более конкретное), и боковая панель должна уменьшиться.

Если это не вступает в силу, попробуйте использовать Firebug для проверки элемента #sidebar. Он покажет вам, какие конкретные правила стиля на самом деле применяются. Тогда, по крайней мере, вы узнаете, какое правило противоречиво, и мы поможем выяснить, почему.