Не понимаю, как сделать?

Question

[IninsaY]

https://codepen.io/IninsayY/pen/wvBVwBM

Когда наводишся на текст - он изменяет цвет, так же и с блоком. Но мне нужно, что бы когда наводились на блок, цвет текста также изменялся

Comments

[Ankhena]

Давайте начнем сначала.
Это ведь ссылки, а не просто div и p.
Ссылки это тег <a>
Меню это список <ul>, вложенный в тег <nav>
Будет разумно, если ссылка будет занимать всю площадь прямоугольника, а не только текст. Т.е. чтобы не надо было попадать мышкой только в текст. Тем более, что вы хотите, чтобы эффекты были на весь прямоугольник. Будет странно, если hover сработал, а нажать нельзя и нужно догадываться, что кликать нужно на текст.

Как-то так: https://jsfiddle.net/b6rkt9gx/

Answer 1

[Евгений Залецкий]

a:hover .a {
  display: none;
}
a .b {
  display: none;
}
a:hover .b {
  display: inline;
}

Тебе вот это нужно, набери :hover и поймёшь что нужно сделать.

Answer 2

[Максим]

.center-buttons:hover p{
  color: red;
}

Comments

[IninsaY]

Так не работает, синяя подстветка только возле текста

[Максим]

IninsaY, https://codepen.io/topicstarter/pen/eYmqOzV

[IninsaY]

Максим Ленский, Спасибо)

[Ilya Muromtsev]

.nav-text {
   cursor: pointer;
}

а еще лучше, если делаете меню, делайте ссылки тегом "a" , а то у Вас не понятно что при наведении курсора на пункты меню

[IninsaY]

Ilya Muromtsev, спасибо за совет)

Answer 3

[morkich]

Учите селекторы CSS

.center-buttons:hover {
	background-color: #10375f;
}
.center-buttons:hover .nav-text {
	color: #e09f3e;
}