Если ли в CSS потипу if?

Question

Yoler @Yoler

Если ли в CSS потипу if?

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

Вопрос задан более трёх лет назад
145 просмотров

8 комментариев

Подписаться 1 Простой 8 комментариев

Everybody_Lies @Everybody_Lies

добавляйте с помощью js другой класс при наведении, который и будет менять цвет

Написано более трёх лет назад
Yoler @Yoler Автор вопроса

Everybody_Lies, можно пример пожалуйста

Написано более трёх лет назад
Евгений Залецкий @JZ_52

Everybody_Lies, ну можно проще, зачем усложнять человеку жизнь?

Написано более трёх лет назад
Евгений Залецкий @JZ_52

Yoler, чуть ниже человек дал легкий и простой пример.

Написано более трёх лет назад
Everybody_Lies @Everybody_Lies

Yoler, добавил два примера: c js и с css
snippet

Написано более трёх лет назад
Everybody_Lies @Everybody_Lies

Евгений Залецкий, скажу честно, просто забыл про псевдокласс hover, давно уже не верстал

Написано более трёх лет назад
Евгений Залецкий @JZ_52

Everybody_Lies, ничего страшного))

Написано более трёх лет назад

Semantic.Moscow @SemanticMoscow

<!DOCTYPE html><html><head><meta charset="utf-8"><title>tmp</title><style>p:hover+a{color:#ff0000}a{color:#fff}</style></head><body><p>наведи</p><a href="semantic.moscow">и кликни</a></body></html>

Написано более трёх лет назад

Помогут разобраться в теме Все курсы

Яндекс Практикум

Профессиональная вёрстка на HTML и CSS

3 месяца

Далее
Stepik

Основы HTML и CSS

2 недели

Далее
OTUS

HTML/CSS

3 месяца

Далее

Пригласить эксперта

Ответы на вопрос 2

2 комментария

Евгений Залецкий @JZ_52

Уточни что все h2, а не один))

Написано более трёх лет назад
alexalexes @alexalexes
Используйте в дополнение к данному селектору еще родственный селектор.

h2:hover ~ h2 { color: red; }

Если навести на один тег h2, то остальные теги h2 находящиеся в том же контейнере отработают свойства этого селектора.
Написано более трёх лет назад

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

CSS

Простой
Поему не срабатывает стиль шрифта?
- 1 подписчик
- 20 окт.
- 131 просмотр
0

ответов
Вёрстка

Средний
Почему появляется белая полоса справа при верстке сайта?
- 1 подписчик
- 19 окт.
- 122 просмотра
0

ответов
CSS

+1 ещё

Простой
Почему после изменений в css на сайте нет изменений?
- 1 подписчик
- 13 окт.
- 196 просмотров
3

ответа
CSS

Простой
Как выровнять в гриде по горизонтали?
- 1 подписчик
- 13 окт.
- 130 просмотров
1

ответ
HTML

+1 ещё

Простой
Как в руководстве steam сделать обтекающий картинку текст?
- 1 подписчик
- 08 окт.
- 124 просмотра
1

ответ
CSS

+2 ещё

Средний
Как решить проблему с появлением пустого пространства под drawer из shadcn?
- 2 подписчика
- 02 окт.
- 103 просмотра
1

ответ
HTML

+1 ещё

Средний
Скачал плагин image preview в вс коде, чтобы установить иконку сайта. Иконка появилась в браузере, но не появилась слева напротив строки. Почему так?
- 1 подписчик
- 30 сент.
- 146 просмотров
1

ответ
CSS

Простой
Как пофиксить визуальный глитч с border-radius и transparent + blur?
- 2 подписчика
- 26 сент.
- 154 просмотра
2

ответа
CSS

Простой
CSS3 как выбрать последние 4 элемента?
- 1 подписчик
- 25 сент.
- 207 просмотров
2

ответа
HTML

+1 ещё

Простой
От какой технической характеристики компьютера зависит скорость работы сайта, указанного ниже?
- 1 подписчик
- 24 сент.
- 451 просмотр
2

ответа
Показать ещё Загружается…

Верстальщик / фронтендер для браузерного расширения

DevTeam.Space

от 1 000 до 2 000 $

Специалист технической поддержки (чат)

WebSoft

от 50 000 до 70 000 ₽

Web-разработчик

ЭНДИ Консалтинг

от 40 000 до 40 000 ₽

добавляйте с помощью js другой класс при наведении, который и будет менять цвет
Everybody_Lies, можно пример пожалуйста
Everybody_Lies, ну можно проще, зачем усложнять человеку жизнь?
Yoler, чуть ниже человек дал легкий и простой пример.
Yoler, добавил два примера: c js и с css
snippet
Евгений Залецкий, скажу честно, просто забыл про псевдокласс hover, давно уже не верстал
<!DOCTYPE html><html><head><meta charset="utf-8"><title>tmp</title><style>p:hover+a{color:#ff0000}a{color:#fff}</style></head><body><p>наведи</p><a href="semantic.moscow">и кликни</a></body></html>

Answer 1 · 2022-07-17 14:05:48

В CSS есть псевдоклассы. Вам нужно:

h2:hover{
color: red;
}

В таком случае, при наведении на h2 у вас будет текст в h2 становится красным

Answer 2 · 2022-07-17 19:07:57

vlurtex @vlurtex

Junior Frontend

Вообще в Css есть @if @else, но я говорю про Sass

Ответ написан более трёх лет назад

Комментировать

Если ли в CSS потипу if?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт