CSS-länkar

HTML & CSS

8 svar · 171 visningar · startad av attila

Medlem sedan sep. 2000127 inlägg
Trådstart#1

Hur får man olika delar av en sida att använda sig av olika CSS-formateringar av länkar?

Medlem sedan okt. 2000149 inlägg
#2

Hejsan
Du kan lägga denna kod mellan headtaggarna.
<style>
.minlink {color:red; font-weight:bold;}
</style>

Sedan i länken lägger du till denna kod som ger dig denna css-style på den.
<a class=minlink href="www.arla.se">

Du kan ju också variera hur länken ska se ut.
/Neox83

Medlem sedan sep. 2000127 inlägg
#3

Hmm, ok. Men om jag vill ha:
<style type="text/css">
<!--
a:visited { color: #000000; text-decoration: none}
a:active { color: #000000; text-decoration: none}
a:link { color: #000000; text-decoration: none}
a:hover { color: #000000; text-decoration: underline}
-->
</style>

och på vissa länkar:
<style type="text/css">
<!--
a:visited { color: #000000; text-decoration: none}
a:active { color: #000000; text-decoration: none}
a:link { color: #000000; text-decoration: none}
a:hover { color: #000000; text-decoration: underline}
-->
</style>

Hur löser jag det? Säg att den första kallas .vanlig, och den senare .svart. Jag har testat med ditt svar som guide, men lyckades inte.

Tacksam för svar.

Medlem sedan feb. 20005 891 inlägg
#4

Tror inte det går, eftersom stylesheetsen skriver lixom till body så att alla länkar får samma "inställningar".

Medlem sedan dec. 19996 592 inlägg
#5

Om du skulle tittat lite bland de föregående trådarna skulle du hittat svaret.

typ;
A { color: #0000FF }
A.flum { color: #ainaziz; }

Sen <a href="flumpower.html" class="flum">.

Medlem sedan sep. 2000127 inlägg
#6

Ah, fan. Jag fattar faktiskt inte hur jag ska göra. Läs igenom exemplet jag skrev tidigare i denna tråden. Verkligen tacksam för hjälp"

Medlem sedan sep. 2000127 inlägg
#7

Vore jätteglad om någon kunde visa hur jag ska göra. Letade upp exemplet som finns i en gamma tråd, men det hjälpte mig inte.

Medlem sedan maj 200010 687 inlägg
#8

Ett exempel:

<style type="text/css">
<!--
a:visited {color: #0000FF; text-decoration: none}
a:active {color: #0000FF; text-decoration: none}
a:link {color: #0000FF; text-decoration: none}
a:hover {color: #0000FF; text-decoration: underline}
a.svart:visited {color: #000000; text-decoration: none}
a.svart:active {color: #000000; text-decoration: none}
a.svart:link {color: #000000; text-decoration: none}
a.svart:hover {color: #000000; text-decoration: underline}
-->
</style>

<a href="sida1.html">Länk 1</a>
<a href="sida2.html" class="svart">Länk 2</a>
Medlem sedan sep. 2000127 inlägg
#9

AH! Nu förstår jag hur det fungerar =0)

Tusen tack Erik, och alla andra som ställer upp när man har frågor. Det här forumet är guld värt.

258 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
120 ms — deklarationer (db)
0 ms — hämta statistik (cache)
123 ms — hämta tråd, inlägg och bilagor (db)
132 ms — ändringar (db)