Перезаписывать поведение держателя с помощью CSS при нажатии на ссылку внутри держателя

Question

У меня есть галерея, и у каждого элемента есть класс .item . Внутри .item всегда есть ссылка для его удаления:

<div class="item">Title of item <a href="#" class="remove">remove</a></div>

Когда вы нажимаете на элемент., Он отображает красную рамку

div.item:active {
    border: 1px solid red;
}

Теперь моя проблема в том, что я не хочу, чтобы .item отображал красную рамку, если вы нажмете на ссылку .remove , которая находится внутри. Как я могу решить эту проблему? Это возможно?

div.item:active a.remove:active {
    ???
}

Спасибо!

Answer 1

Не только с CSS, так как нет способа нацелить родительский элемент с помощью селектора CSS. Можете ли вы нам JavaScript? Довольно легко с этим.

Answer 2

Jquery решает эту проблему.Используйте

$('a.remove').click(function(){
 $('div').removeClass("Classname");
});

прочитайте это ссылка

Answer 3

div.item:active a.remove:active {
    border:none;
}

должен сделать трюк

РЕДАКТИРОВАТЬ- я не прочитал вопрос правильно.Вам придется использовать javascript или что-то еще, чтобы выполнить то, что вы после