CSS

css after hover

#alertlist li.selected:after, #alertlist li:hover: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: "";
}

css after on hover

/*
cssSelector:hover::after,
cssSelector:hover::before

lets say we have a tag
*/
a:hover::after {
    /*CSS Property*/
}
a:hover::before {
    /*CSS Property*/
}

css hover after

what you you probably tried previously was :after:hover as opposed to :hover:after. This is what I did initially which frustratingly doesn't work – WickyNilliams Feb 3, 2013 at 22:45