Combine :after with :hover

Question

I want to combine :after with :hover in CSS (or any other pseudo selector). I basically have a list and the item with the selected cl

Answer 1

 #alertlist li:hover:after,#alertlist li.selected:after
{
    position:absolute;
    top: 0;
    right:-10px;
    bottom:0;

    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #303030;
    content: "";
}​

jsFiddle Link