Показать сообщение отдельно
  #5 (permalink)  
Старый 26.05.2020, 01:02
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

Quark_, кстати при получении фокуса не срабатывает... Селектор .city_block:has(:focus) работает уже сейчас при помощи .city_block:focus-within
.city_block:focus-within {
	background: red;
}


Сообщение от laimas
А нужно получить родителя
Просто — .city_block
<div class="cities_block">
   <div class="city_block">
      <div class="city_block_in">
         <a href="#">a</a>
      </div>
   </div>
   <div class="city_block">
      <div class="city_block_in">
         <a href="#">b</a>
      </div>
   </div>
   <div class="city_block">
      <div class="city_block_in">
         <a href="#">c</a>
      </div>
   </div>
</div>

<style>
.city_block {
	background: gold;
	margin: 1em;
	padding: 1em;
	pointer-events: none; /* ! */
}

.city_block_in {
	background: yellowgreen;
	padding: 1em;
	max-width: 50%;
	pointer-events: all; /* ! */
}

.city_block:focus-within,
.city_block:hover {
	background: red; /* ! */
}
</style>


А если размеры элементов .city_block и .city_block_in совпадают (как в примере в сообщении №2), то и никакой pointer-events не нужен!

Последний раз редактировалось Malleys, 26.05.2020 в 01:09.
Ответить с цитированием