Question

I have a gallery, and each item has the .item class. Inside the .item there is always a link to remove it:

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

When you press on an .item, it displays a red border

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

Now, my problem is that i do not want .item to display the red border if you press on the .remove link that is inside. How can i solve this issue? Is it feasible?

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

Thanks!

Answer 1

Jquery solves this problem.
Use

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

read this reference