Как указать два класса в css

Как указать родительский элемент css, который имеет два равных класса

У меня есть веб-сайт, который добавляет классы в тег body, когда открыты меню. Есть правое меню и левое меню. Когда оба открыты, это вызывает некоторые проблемы с шириной моего центрального столбца. Я пытаюсь получить родительский класс, который делает что-то вроде этого:

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

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

Это не работает, но я могу указать, когда одно из меню открыто, например, все они работают:

Я пробовал такие вещи, но ничего не помогло.

Может кто-нибудь помочь с этим?

Можете ли вы опубликовать свой HTML? Я предполагаю, что вы можете использовать селектор тильды, но это будет работать, только если у вас есть центральное меню в конце и на том же уровне, что и левое и правое меню.

Как сделать подклассы класса CSS

Как сделать так чтобы 2 и 3 классы имели так-же и свойства 1 класса?

Хотел бы дополнить тех кто ранее отписали, помимо классической записи перечисления классов через запятую, есть еще вот такой способ:

Есть два способа:

В первом ты просто когда создаешь блок прописываешь классу через пробел все что тебе нужно

Этот способ кажется быстрее. Просто берешь все нужные тебе блоки и пишешь их через запятую.

Выбирать тебе, кому как удобно:)

Всё ещё ищете ответ? Посмотрите другие вопросы с метками html css веб-программирование или задайте свой вопрос.

дизайн сайта / логотип © 2021 Stack Exchange Inc; материалы пользователей предоставляются на условиях лицензии cc by-sa. rev 2021.12.3.40888

Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

Как применить два CSS-класса к одному элементу

Могу ли я применить 2 класса к одному div или span или любому элементу html? Например:

Я пробовал, и в моем случае c2 не применяется. Как я могу применить оба класса одновременно?

1) Используйте несколько классов внутри атрибута класса, разделенных пробелами (ref):

2) Чтобы указать элементы, содержащие все указанные классы, используйте этот селектор CSS (без пробела) (ref):

Включить обе строки класса в одно значение атрибута класса с промежутком между ними.

Как указывали другие, вы просто ограничиваете их пробелом.

Однако полезно знать, как работают селекторы.

Рассмотрим этот фрагмент HTML.

Используя .a < . >в качестве селектора, выберем первый и третий. Однако, если вы хотите выбрать тот, который имеет как a , так и b , вы можете использовать селектор .a.b < . >. Обратите внимание, что это не будет работать в IE6, он просто выберет .b (последний).

Это очень ясно, что для добавления двух классов в один div сначала нужно сгенерировать классы, а затем объединить их. Этот процесс используется для внесения изменений и уменьшения числа. классов. Те, кто делает сайт с нуля, в основном использовали этот тип методов. они делают два класса первого класса для цвета, а второй класс — для установки ширины, высоты, стиля шрифта и т.д. Когда мы объединяем оба класса, первый класс и второй класс находятся в эффект.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *