Можно ли нацелить псевдоэлемент :before или :after с помощью комбинатора sibling?

Есть ли причина, по которой этот CSS не работает?

http://jsfiddle.net/6v5BZ/

a[href^="http"]:after {
    content:"";
    width:10px;
    height:10px;
    display:inline-block;
    background-color:red;
}

a[href^="http"] img ~ :after {
    display:none;
}

... на этом HTML?

Test

    

Идея состоит в том, чтобы иметь псевдоэлемент на совпадающих тегах якоря. Но я не хочу, чтобы он применялся к тегам якорей, которые обертывают изображение. И поскольку я не могу нацелить якоря, используя что-то вроде a , я подумал, что, возможно, я смогу нацелить псевдоэлемент :after, найдя изображение, которое является его родственником.

Любое понимание будет высоко оценено.