Как обратиться к родительскому элементу через дочерний?

Question

[Роман]

Есть такая конструкция:

li {border: 1px solid #000000;}
li .info {border: 1px solid #999999;}

<ul>
  <li><div class="info">123</div></li>
</ul>

Как сделать чтобы при наведении на .info пропадала рамка у li.

li:hover не подойтед, нужно именно чтобы через .info:hover

Заранее спасибо"

Answer 1

[l55uiz]

Можете так сделать https://jsfiddle.net/94kpzqjq/2/

Comments

[Роман]

Если заменяем border на box-shadow, то тень ставится, но не убирается https://jsfiddle.net/94kpzqjq/3/

[l55uiz]

https://jsfiddle.net/94kpzqjq/4/ пустое свойство добавляем