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;
}
  • Вопрос задан
  • 172 просмотра
Решения вопроса 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
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы