1

li a {
  text-decoration: none;
  color: #000000;
  padding: 7.5px 10px 7.5px 8px;
  height: 30px;
  width: 222px;
  display: block;
}

.text {
  width: 165px;
  height: 25px;
  text-align: left;
  text-align: center;
  float: left;
}

li a:hover text {
  color: white;
  transition-duration: 0.5s;
}
<ul class="navigation-list">
  <li>
    <a href="/">
      <div class="image">
        <span class="icon-game"></span>
      </div>
      <div class="text">Играть</div>
    </a>
  </li>
</ul>

Почему при наведении на цвет текста не меняется?

1 ответ 1

0

Точку пропустили:

li a {
  text-decoration: none;
  color: #000000;
  padding: 7.5px 10px 7.5px 8px;
  height: 30px;
  width: 222px;
  display: block;
}

.text {
  width: 165px;
  height: 25px;
  text-align: left;
  text-align: center;
  float: left;
}

li a:hover .text {
  color: white;
  transition-duration: 0.5s;
}

li:nth-child(3) {
  background: lightgreen;
}
<ul class="navigation-list">
  <li>
    <a href="/">
      <div class="image">
        <span class="icon-game"></span>
      </div>
      <div class="text">Играть</div>
    </a>
  </li>
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
</ul>

0

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.