Smart CSS trick to add icon to all outgoing links

Use this piece of CSS to add an icon to all links that is not to mydomain

a:not([href*="mydomain"]) {

 padding-right: 10px;

 background: transparent url("images/aoutside.gif") center right no-repeat;



}

Alternatively, you can use this one to mark all links that start with ‘http://‘

a[href^="http"] {

padding-right: 10px;

background-image: url(external.gif);

background-position: right !important;

background-repeat: no-repeat;

}

Popularity: 5% [?]