webForumDet fria alternativet

Ställa in färg på besökt länk

HTML & CSS

7 svar · 626 visningar · startad av Joaquin

Medlem sedan nov. 2003286 inlägg
Frågan#1

Skulle behöva hjälp med hur jag kan ändra färg på en länk som är besökt.

Idag ser det ut så här

style="font-size: 10px; color: #ffffff;">Länk

Tack på förhand.

Medlem sedan jan. 2005953 inlägg
#2

Du kan inte styra det från style-attributet.
Besökta länkar formateras i CSS med a:visited.

Exempel

a { color: #0000FF; }
a:visited { color: #FF0000; }
Medlem sedan nov. 2003286 inlägg
#3

Tack för det.
Jag kan inte ändra det in-line så att säga ?
Raden är inte riktigt uppbyggd med separata <style>-taggar utan ligger inom <td> där de då anges som jag beskrev ovan.

Medlem sedan aug. 20068 090 inlägg
#4

Egentligen lägger man ju in stilar i head. Där kan du antingen ha stilen direkt:

<style type="text/css">
a:visited {
color: #39C;
}
</style>

..eller så ska det funka (cross browser?) även om du lägger samma i body.

Men om du har flera sidor kan du också skapa en separat stilmall och lägga in:

a:visited {
color: #39C;

och därefter länka till den med:

<link href="styles.css" rel="stylesheet" type="text/css" />

som även den kan ligga i head eller i body.

Men testa för säkerhets skull i olika webbläsare.

Medlem sedan nov. 2003286 inlägg
#5

Hmm, men om man lägger den överst så gäller det väl alla länkar. Detta gäller ett nyhetsbrev som är uppbyggt i tabeller. Det finns olika bakgrundsfärger och därför skulle jag vilja kunna ställa in det individuellt..

Medlem sedan jan. 2005953 inlägg
#6

Använd då olika klasser på dem.

Ex

a.blue { color: #0000ff; }
a.blue:visited { color: #800080; }

a.red { color: #ff0000; }
a.red:visited { color: #008000; }
<a href="#" class="blue">Blå länk</a>
<a href="#" class="red">Röd länk</a>
Medlem sedan nov. 2003286 inlägg
#7

metalboy skrev:

Använd då olika klasser på dem.

Ex

a.blue { color: #0000ff; }
a.blue:visited { color: #800080; }

a.red { color: #ff0000; }
a.red:visited { color: #008000; }
<a href="#" class="blue">Blå länk</a>
<a href="#" class="red">Röd länk</a>

Detta går väl bara om man har en speciell stylesheet eller har jag fel ?
Det finns i alla fall inte.

Medlem sedan jan. 2005953 inlägg
#8

Du behöver inte en separat fil för det. Du kan lägga det inom <style>-taggar i <head>.

273 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
120 ms — deklarationer (db)
0 ms — hämta statistik (cache)
137 ms — hämta tråd, inlägg och bilagor (db)
133 ms — ändringar (db)