Как установить стили другому элементу?
Есть блок:
<div> <div class="logo"><img src=""></div> <div class="menu hidden"> <div></div> </div> </div> |
<div> <div class="logo"><img src=""></div> <div class="menu hidden"> <div></div> </div> </div>
При клике на кнопку открывается бургер меню путем удаления класса hidden
Как в CSS написать:
Если у .menu нет .hidden, то для .logo>img установить ширину 10px?
Спасибо
Дополнительно:
Поменять местами в разметке лого и меню. Использовать соседние селекторы.
Ответы:
в css никак
- ну вообще можно
<div class="header"> <div class="logo"><img src=""></div> <div class="menu hidden"> <div></div> </div> </div>
<div class="header"> <div class="logo"><img src=""></div> <div class="menu hidden"> <div></div> </div> </div>
.header:has(.menu:not(.hidden)) > .logo > img { width: 10px }
.header:has(.menu:not(.hidden)) > .logo > img { width: 10px }
Конечно, следует обращать внимание на поддержку https://caniuse.com/css-has
Из-за огнелиса, пожалуй, пока использовать не стоит. - Сергей delphinpro, это мобильное бургер меню и почти все популярные работают. Спасибо!
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для установки стилей другому элементу в HTML вы можете использовать атрибут style или добавить класс элементу.
1. Использование атрибута style:
Для установки стилей непосредственно в элементе вы можете использовать атрибут style. Например, если вы хотите установить красный цвет текста элементу
, вы можете сделать следующее:
<p style="color: red">Текст</p>
2. Использование класса:
Чтобы применить стили из CSS к элементу, определите класс в файле CSS и присвойте его элементу. Например, если у вас есть класс .myClass, который устанавливает красный цвет текста, вы можете сделать следующее:
.myClass { color: red; } <p class="myClass">Текст</p>.myClass { color: red; } <p class="myClass">Текст</p>
3. Использование встроенного CSS:
Вы также можете использовать встроенный CSS, разместив стили внутри тега внутри тега вашего HTML документа. Например:
.myClass { color: red; } <p class="myClass">Текст</p>.myClass { color: red; } <p class="myClass">Текст</p>
Это основные способы установки стилей другому элементу в HTML. Помните, что использование встроенных стилей не рекомендуется для больших проектов, поэтому лучше использовать внешние таблицы стилей (CSS).