Выделение внешних ссылок

HTML

<div> <h4>Внутренние ссылки</h4>
    <a href="http://example.com">внутренняя ссылка</a>
    <a href="http://s.example.com">внутренняя ссылка</a>
    <a href="https://example.com">внутренняя ссылка</a>
    <a href="https://s.example.com">внутренняя ссылка</a>
</div>


<div> <h4>Внешние ссылки</h4>
    <a href="http://out.com">внешняя ссылка</a>
    <a href="http://out.com">внешняя ссылка</a>
    <a href="https://s.out.com">внешняя ссылка</a>
    <a href="https://s.out.com">внешняя ссылка</a>
</div>

CSS

a:hover[href^="http://"]:not([href*="example.com"]):after,
a:hover[href^="https://"]:not([href*="example.com"]):after{
    content: " "
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=);     
}


/* Игнорируйте код ниже  */
* { font-family Arial; } div { margin: 10px; }
a { display:block; } h4 { font-weight: bold; }