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

Question

Yoler @Yoler

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

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

Вопрос задан более года назад
137 просмотров

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>

Написано более года назад

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

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

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

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

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

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

h2:hover ~ h2 { color: red; }

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

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

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

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

Войти через центр авторизации

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

HTML

+1 ещё

Простой
Почему не работает свойство backdrop-filter: blur?
- 1 подписчик
- час назад
- 7 просмотров
0

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

+2 ещё

Простой
Как называются изображение в таком стиле?
- 1 подписчик
- 3 часа назад
- 35 просмотров
1

ответ
HTML

+2 ещё

Простой
Почему моргает видеофон на сайте?
- 1 подписчик
- 5 часов назад
- 58 просмотров
0

ответов
CSS

Простой
В контейнере шириной 100% при разрешении 320рх кнопка вылазит за его пределы. как поставить ее в правый верхий угол?
- 2 подписчика
- 11 часов назад
- 122 просмотра
0

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

Простой
Как в codepen выложить свою работу и сделать ей название, чтобы по нему другие ее нашли в поиске?
- 1 подписчик
- 17 часов назад
- 39 просмотров
0

ответов
CSS

Простой
Как сделать такую границу?
- 2 подписчика
- вчера
- 165 просмотров
0

ответов
HTML

+1 ещё

Простой
Как изменить строчку кода HTML на чужом сайте tampermonkey?
- 2 подписчика
- вчера
- 300 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Добавление определенного класса к header при прокрутке до определенного блока?
- 1 подписчик
- вчера
- 64 просмотра
0

ответов
JavaScript

+1 ещё

Простой
Как лучше обратиться к кнопке через id или через class?
- 2 подписчика
- 01 мая
- 171 просмотр
2

ответа
CSS

Простой
Как сделать плавную анимацию изображения при наведении/убирании курсора мыши?
- 1 подписчик
- 01 мая
- 110 просмотров
2

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

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Trainee - IT Support

move2usajobs.com LLC • Лос-Анджелес

от 2 000 до 4 000 $

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Разработка онлайн OCR-сервис

03 мая 2024, в 23:20

20000 руб./за проект

Геопространственный редактор с интеграцией OCR

03 мая 2024, в 23:07

30000 руб./за проект

Отредактировать курсовую работу

03 мая 2024, в 23:00

400 руб./за проект

добавляйте с помощью 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?

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

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

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