Länkar och css

[Rom Raptor]

Hur skriver man i en css-fil om man vill att en länk på sidan ska ha annan färg än de andra? Vill inte skriva nåt i html-filen.

[Jonas Lundh]

För att bara ändra en länk och låta de andra ha kvar sitt utseende på samma sida krävs att du ändrar i html-filen.
Du måste läga till detta:

Code: Select all

class="din klass"

i <a> taggen i HTML-filen och i css-filen skapa en klass så här:

Code: Select all

a.din klass:

[thr]

För att bara ändra en länk och låta de andra ha kvar sitt utseende på samma sida krävs att du ändrar i html-filen.
Du måste läga till detta:

Code: Select all

class="din klass"

i <a> taggen i HTML-filen och i css-filen skapa en klass så här:

Code: Select all

a.din klass:

Code: Select all

a:link{
  font-color: #FF0000;
  font-weight: normal;
}

a:visited{
  font-color: #FF0000;
  font-weight: normal;
}

a:hover{
  font-color: #FF0000;
  font-weight: bold;
}

Detta påverkar vanliga/ sådana du besökt / när du håller musen över länken.

[lillis]

thr: han ville bara ändra på en länk, inte de andra, så är nog jonas förslag bäst? :S

[thr]

Då r detta bäst:

i css:en:

Code: Select all

a.myclass:link{ 
  font-color: #FF0000; 
  font-weight: normal; 
} 

a.myclass:visited{ 
  font-color: #FF0000; 
  font-weight: normal; 
} 

a.myclass:hover{ 
  font-color: #FF0000; 
  font-weight: bold; 
} 

i html:

Code: Select all

<a class="myclass" href="http://www.64bits.se">Länk</a>

[lillis]

Då r detta bäst:

i css:en:

Code: Select all

a.myclass:link{ 
  font-color: #FF0000; 
  font-weight: normal; 
} 

a.myclass:visited{ 
  font-color: #FF0000; 
  font-weight: normal; 
} 

a.myclass:hover{ 
  font-color: #FF0000; 
  font-weight: bold; 
} 

i html:

Code: Select all

<a class="myclass" href="http://www.64bits.se">Länk</a>

fan vad du är haxx. och det menar jag faktiskt

[lither]

thr, du behöver väl inte ha med a:et egentligen. Såhär menar jag:

Code: Select all

.myclass { color: whatever ...... }

Och sedan:

Code: Select all

<a href/target/name/whatever="*" class="myclass">

Det funkar väl precis lika bra?

[thr]

thr, du behöver väl inte ha med a:et egentligen. Såhär menar jag:

Code: Select all

.myclass { color: whatever ...... }

Och sedan:

Code: Select all

<a href/target/name/whatever="*" class="myclass">

Det funkar väl precis lika bra?

lither vill man kunna påverka link/visisted/hover/active så måste man ha med A:et, alltså göra olika utseende när man klickar på den / drar musen över den etc.

[lither]

Nej, funkar minst lika bra med:

Code: Select all

.myclass:hover ..

.. som med "a.myclass".