← Back to team overview

sslug-teknik team mailing list archive

Re: Forskel på intern eog eksterne links med CSS

 

Michael Schmidt wrote:
Hej NG
Kan der med CSS gøres forskel på links (i xhtml) der linker inden for hhv.
samme side/dokument, samme site/uri og eksterne sites/uri?

Så vidt jeg ved kan man ikke direkte gøre det, men med CSS3-selectors kan man gøre noget, der ligner ganske meget. Hvis du holder dig til at bruge URIer, der er så relative, som muligt, vil det muligvis være en tilfredsstillende løsning for dig.

Syntaksen er f.eks:

a[href^="http://";] /* link, der begynder med http:// */
a[href$="#chap5"] /* link, der slutter med #chap5 */
a[href*="sslug.dk/"] /* link, der indeholder sslug.dk/ */
a[href="http://sslug.dk/";] /* link til sslugs forside */

Og de kan kombineres til for eksempel:

a[href^="http://][href$=".html";]

Mozilla, Firefox, Flock, Camino, Safari, OmniWeb og Opera understøtter allesammen disse. MSIE gør ikke - og den kommer så vidt vides heller ikke til at gøre det med version 7.

Med venlig hilsen

Ole


Follow ups

References