Selektives Markieren externer Links

dabblet.css

/**
 * Selektives Markieren externer Links
 */

/* Externe Links markieren... */
#test1 a[target="_blank"] {
    background: yellow;
}

/* ... und die Markierung wieder zurücksetzen */
#test1 a[href^="http://www.facebook.com"]{
    background: none;
}

/* All-in-one-Lösung */
#test2 a[target="_blank"]:not([href^="http://twitter.com"]) {
    background: yellow;
}

dabblet.html

<p id="test1">
    <a href="http://www.facebook.com" target="_blank">Facebook</a>
    <br>
    <a href="http://www.peterkroener.de" target="_blank">Nicht Facebook</a>
</p>


<p id="test2">
    <a href="http://twitter.com" target="_blank">Twitter</a>
    <br>
    <a href="http://www.peterkroener.de" target="_blank">Nicht Twitter</a>
</p>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}