Задать вопрос
lalabilli
@lalabilli

Почему hover не воздействует на элемент, но работает на его дочерних элементах?

Почему hover воздействует на картинку и текст внутри него, но при этом сам блок не меняется при наведении?

<div class="row">
      <div class="col-xs-12 col-sm-6 col-md-4">
        <div class="block">
          <img src="assets/img/.." width="100%" class="img-responsive">
          <h6>текст</h6>
        </div>
      </div>
    </div>

.block {
  border: 1px solid;
  border-color: #f3f5f9;
  padding: 1.73vw;
}
.block :hover {
  border: 1px solid;
  border-color: #333333;
  padding: 1.73vw;
}
  • Вопрос задан
  • 187 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Frontend-разработчик: тариф PRO
    10 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию
    6 месяцев
    Далее
Решения вопроса 1
@Cr2ed
Пробел перед псевдоклассом
.block:hover {
  border: 1px solid;
  border-color: #333333;
  padding: 1.73vw;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
LenovoId
@LenovoId
svg, css,js
ну вы напишите на что он должен действовать :
elem :hover elem2{
this is style
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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