← Back to team overview

sslug-teknik team mailing list archive

Re: Forskel på intern eog eksterne links med CSS

 

Sun, 05 Feb 2006 15:51:36 +0100, Ole Kofoed Hansen <ole@xxxxxxxxx> skrev:

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.

Jeg er, i denne forbindelse, fløjtende ligeglad med MSIE. Kravet er: Opera; ønsker er: Firefox og Mozilla.
Viser det sig at virke med Amaya er alt jo i fineste orden. :)

Mange tak for bidrag.

--
Med venlig hilsen
/Zmit/
RLU # 314205


References