单击持有者内部的链接时使用CSS覆盖持有者行为

Question

我有一个图库，每个项目都有 .item 类。在 .item 中，始终有一个删除它的链接：

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

当你按下.item时，它会显示一个红色边框

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

现在，我的问题是，如果你按下里面的 .remove 链接，我不希望 .item 显示红色边框。我该如何解决这个问题？这可行吗？

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

谢谢！

Answer 1

仅限CSS，因为无法使用CSS选择器定位父级。你能用javascript吗？这很容易。

Answer 2

Jquery解决了这个问题。 使用

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

read this参考

Answer 3

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

应该做的伎俩

编辑 - 我没有正确地阅读这个问题。你将不得不使用javascript或其他东西来完成你的事后