Да, с помощью CSS можно изменять свойства других элементов на странице при наведении на конкретный элемент, даже без использования JavaScript. Для этого можно использовать селекторы в CSS, а также псевдоклассы и псевдоэлементы.
В данном случае, чтобы сделать все остальные ссылки серыми при наведении на одну из них, мы можем использовать соседний селектор ~ или следующий соседний селектор +. Давайте рассмотрим оба варианта.
1. С использованием соседнего селектора (~):
a:hover ~ a {
color: gray;
}
В этом примере мы задаем стиль для всех ссылок, следующих после наведенной ссылки.
2. С использованием следующего соседнего селектора (+):
a:hover + a {
color: gray;
}
В этом примере мы задаем стиль только для ссылки, непосредственно следующей за наведенной ссылкой.
Оба варианта CSS позволяют изменить свойства элементов в зависимости от состояния других элементов на странице. В данном случае, при наведении на одну ссылку, мы меняем цвет всех остальных ссылок на серый.