Länkformatering för speciell class?

7 svar · 255 visningar · startad av M@rtin 23 nov. 2001

M@rtinMedlem sedan dec. 19992 085 inlägg

Trådstart23 nov. 2001 22:40#1

Hur gör man om man vill få alla länkar som står under en speciell class att formateras på ett speciellt sätt?

Jag har försökt fixa det så här:

<html>
<head>
<style>
a:link { font-family: verdana, helvetica, arial; font-size: 8pt; color: #000000; text-decoration: none; }
a:hover { font-family: verdana, helvetica, arial; font-size: 8pt; color: #000000; text-decoration: underline; }
a:visited { font-family: verdana, helvetica, arial; font-size: 8pt; color: #000000; text-decoration: underline; }
.normaltd { font-family: verdana, helvetica, arial; font-size: 8pt; color: #000000; background-color: #FFFFFF; }
.red { font-family: verdana, helvetica, arial; font-size: 8pt; color: #C73200; font-weight: bold; }
.bluebigtd { font-family: verdana, helvetica, arial; font-size: 12pt; color: #FFFFFF; font-weight: bold; background-color: #3399FF; }
.bluesmalltd { font-family: verdana, helvetica, arial; font-size: 8pt; color: #FFFFFF; font-weight: none; background-color: #3399FF; }
a.bluesmalltd:link { font-family: verdana, helvetica, arial; font-size: 8pt; color: #FFFFFF; text-decoration: none; }
a.bluesmalltd:hover { font-family: verdana, helvetica, arial; font-size: 8pt; color: #FFFFFF; text-decoration: none; }
a.bluesmalltd:visited { font-family: verdana, helvetica, arial; font-size: 8pt; color: #FFFFFF; text-decoration: underline; }
</style>
</head>
<body>
<table>
<tr>
<td class="bluesmalltd">Lite text och <a href="lalala">en länk</a></td>
</tr>
</table>
</body>
</html>

Problemet är att länken formateras efter de grundläggande länkformateringarna och inte efter de jag gjort speciellt för klassen.

Har jag gjort något fel eller varför fungerar det inte?

jorgenMedlem sedan feb. 20012 412 inlägg

23 nov. 2001 22:46#2

Hej, denna kan kanske hjälpa:
http://cgi.webforum.nu/wf/Forum1/HTML/001107.html

mvh Jörgen

M@rtinMedlem sedan dec. 19992 085 inlägg

23 nov. 2001 22:57#3

SÅ jag gjort ju?
Eller måste man inportera classen i varje länk?

jorgenMedlem sedan feb. 20012 412 inlägg

23 nov. 2001 23:02#4

Ja, du måste classifiera varje länk, eller:

<div class="blue">
blå länk 1
blå länk 2
blå länk 3
</div>

<div class="red">
röd länk 1
röd länk 2
röd länk 3
</div>

mvh Jörgen

M@rtinMedlem sedan dec. 19992 085 inlägg

23 nov. 2001 23:12#5

Okej, tack så mkt!

Tycker de borde fixa stöd för så som jag ville ha det i nästa CSS version

spangoMedlem sedan juni 20008 205 inlägg

24 nov. 2001 11:41#6

Det har de redanfixat, det är du som skrivit fel

[b]/* Fel: */[/b]
a.bluesmalltd:link { ... } /* berör alla länkar som har class="bluesmalltd" */
a.bluesmalltd:hover { ... } /* berör alla länkar som har class="bluesmalltd" och som "hovras" över */
a.bluesmalltd:visited { ... } /* berör alla länkar som har class="bluesmalltd" och som man besökt */

[b]/* Rätt: */[/b]
.bluesmalltd a:link { ... } /* berör alla länkar som finns i ett element som har class="bluesmalltd" */
.bluesmalltd a:hover { ... } /* berör alla länkar som "hovras" över och som befinner sig i ett element som har class="bluesmalltd"*/
.bluesmalltd a:visited { ... } /* berör alla besökta länkar i ett element som har class="bluesmalltd" */

F.ö. måste jag bara få flika in att det är emot hela tanken med CSS att använda namn som beskriver hur en klass ser ut, snarare än hur den används.

M@rtinMedlem sedan dec. 19992 085 inlägg

24 nov. 2001 14:16#7

Aha! kanon! Tack för upplysningen

Hur borde namnen vara då?
.smalltables ?

Erik JuhlinMedlem sedan maj 200010 687 inlägg

24 nov. 2001 22:29#8

Ey spango, fetbra ju!
Men vilka webbläsare stöder det andra alternativet?