webForumDet fria alternativet

Css-hjälp tack!

13 svar · 444 visningar · startad av Anton_L

Anton_LMedlem sedan mars 200584 inlägg
#1

Hej!

Jag har en websida, men en stilmall enligt följande:

A:LINK {
	color: #000000;
	text-decoration : none;
	font : verdana;
}
A:VISITED {
	color: #000000;
	text-decoration : none;
	font : verdana;
}
A:ACTIVE {
	color: #000000;
	text-decoration : none;
	font : verdana;
}
A:HOVER {
	color: #000000;
    text-decoration: underline;
	font : verdana;
}

, så alla länkar blir svarta hela tiden. Nu är det så att jag har några länkar som jag vill ska vara vita istället, genom på nått vis använda en annan stilmall. vad ska jag göra?!?! <class: stlimall2.css> !??!

MeleaMedlem sedan juli 20032 667 inlägg
#2
A.stilmall2:LINK {
	color: #FFFFFF;
	text-decoration : none;
	font : verdana;
}
A.stilmall2:VISITED {
	color: #FFFFFF;
	text-decoration : none;
	font : verdana;
}
A.stilmall2:ACTIVE {
	color: #FFFFFF;
	text-decoration : none;
	font : verdana;
}
A.stilmall2:HOVER {
	color: #FFFFFF;
	text-decoration: underline;
	font : verdana;
}
<a href="index.html" class="stilmall2">Index.html</a>

:)

/r Eftersom du har samma egenskaper på länkarna räcker det iofs med att du skriver

a.stilmall2 {
	color: #FFFFFF;
	text-decoration: underline;
	font : verdana;
}
Anton_LMedlem sedan mars 200584 inlägg
#3

men var ska

a.stilmall2 {
color: #FFFFFF;
text-decoration: underline;
font : verdana;
}

skrivas!?!? i head taggen eller i eget dokument!??!

GuffaMedlem sedan juni 2004533 inlägg
#4

Lägg det i css-filen.

a {
	color: #000;
	text-decoration : none;
	font : Verdana, Arial, Helvetica, sans-serif;
}
a:hover {
	text-decoration: underline;
}
a.kaffesump {
	color: #fff;
}

<a href="sida.html" class="kaffesump">En vit länk.</a>

Anton_LMedlem sedan mars 200584 inlägg
#5

Tack för hjälpen, snabb och bra support ;)

learnMedlem sedan jan. 20051 143 inlägg
#6

Följdfråga, hur blir det om man använder sig av id istället för class då?

HelmertzMedlem sedan maj 2005342 inlägg
#7

learn skrev:

Följdfråga, hur blir det om man använder sig av id istället för class då?

Samma sak, men du kan bara nämna varje id en gång per dokument.

Använder du både id och class på samma element räknas både reglerna som du angivit för class men även de för id. Har du angivit samma attribut men med olika värden i class och id, räknas det i id. Exempel:

.a{
 font-color: white;
}

#b{
 font-color: black;
}

<p class="a" id="b">Hej</p>

.. ger en svart text.

learnMedlem sedan jan. 20051 143 inlägg
#8

jojo, men jag tänkte mer på ifall jag har en generell färg på länkar och vill ha en speciell färg på just en typ av länk. Precis som Anton_L, fast med id istället för class.
Detta funkar ju inte:

a.IDnamn:link { ... }
learnMedlem sedan jan. 20051 143 inlägg
#9

Aja...

men borde inte detta fungera:

<style type="text/css">
a.meny{
text-decoration: none; color: #FFFFFF; font-weight:bold
}
a.meny:hover{
text-decoration: underline;
}
</style>

<p><a href="#" class="meny" id="IDnamn">Startsidan</a></p>

det gör det inte för mig...

learnMedlem sedan jan. 20051 143 inlägg
#10

My fault! Koden ovan fungerar, men om jag istället sätter class="meny" på <p>:et så fungerar det inte (inte heller på <div>:en). Lite jobbigt att behöva sätta klass separat på alla länkar som skall vara vita... Måste finnas ngt enklare..?

HelmertzMedlem sedan maj 2005342 inlägg
#11

Om du har alla länkar i samma div räcker detta:

div#meny a{
text-decoration: none;
color: #FFFFFF;
font-weight:bold
}

div#meny a:hover{
text-decoration: underline;
}
learnMedlem sedan jan. 20051 143 inlägg
#12

tack det fungerar, men jag förstår inte...

En snabb fråga, kan man linka fler stylesheets på samma sida?

HelmertzMedlem sedan maj 2005342 inlägg
#13

Vad förstår du inte? Du kan ha flera stylesheets.

zcorpanMedlem sedan dec. 20042 269 inlägg
#14

"div#meny a" matchar alla <a> som befinner sig inom en <div> med ett ID av värde "meny". Tex i följande exempel matchar båda länkarna:

<div id="meny">
 <a href="#">foo</a>
 <span><a href="#">bar</a></span>
</div>
Genererad på 369 ms · cache AV · v20260730165559-full.f96bc7eb