Как передать :focus с дочернего на родителя?

Question

[Максим]

Собственно вопрос в заголовке .... можно ли это сделать на css ?


Если click сделать на жёлтом поле то увидите увеличение блока
Можно ли передать :focus с всплывающей иконки на родителя ?
или только js ?
https://codepen.io/topicstarter/pen/Ryxwqy?editors=1100

поля в жёлтый цвет разметил для видимости

Comments

[Иван Иванов]

Я правильно понял, ты про item__image говоришь? Или что за всплывающая иконка?

[Максим]

Иван Иванов, да правильно понял ...там если на item__image навести то появляется типа кнопка что ли

[Максим]

Иван Иванов,

Answer 1

[Иван Иванов]

Ну я к сожалению ничего кроме JS придумать не могу.

<div id="item-1" class="item" tabindex="-1">
    <div class="item__image" id="1" onClick='focusElement(id);' tabindex="-2">
</div>

function focusElement(id){
  var el = $(".item");
         el.focus();
    }

Comments

[Максим]

чё то не пашет не фига ... фокус мой работает а с item__image нет

[Иван Иванов]

Максим Ленский, jquery подключен?

[Максим]

я умею на jQuery это делать ..я думал что на :focus получится

[Иван Иванов]

Максим Ленский, к сожалению так не знаю. Может найдется умельцы подскажут. Но я бы не парился и сделал так.

[Максим]

Иван Иванов, да подключен - смотри в codepen , чё я накосячил ? я там лишнее удалил :https://codepen.io/topicstarter/pen/Ryxwqy?editors=1010

[Максим]

Иван Иванов, лан спс - от детя к родителю нельзя наверно ...

[Иван Иванов]

Максим Ленский, щас гляну, посмотри вот тут shpargalkablog.ru/2014/04/focus-css.html там вроде есть что-то интересное

[Максим]

Иван Иванов,
там вот в чём прикол - хотя это детство но всё же работает но не по клику на after

[Иван Иванов]

Максим Ленский, угу увидел, почему на after не работает и с js, теперь буду разбираться на досуге ) самому интересно стало

[Иван Иванов]

Максим Ленский, а вот так сработало

function focusElement(id){
  var el = $(".item");
         el.focus();
    }