Lite hjälp med CSS

Tjenare!

Jag har designat och kodat sidan Gamedia.se, (självfallet https://www.gamedia.se) men är väl inte världens hejjare på CSS precis.

Jag har ett par stycken problem, och skulle gärna vilja få hjälp med dessa.

Det lättaste sättet vore väl om jag ställer lite frågor, så jag gör det.

1. Finns det något sätt man kan använda sig av både "standardlänkfärger", dvs att jag inte behöver skriva in någon class/id på alla länkar utan att det blir en viss sorts färg/storlek/funktioner osv, samtidigt som jag har class/id på vissa länkar? Eller måste jag isf ha class/id på alla?

2. Just nu har jag testat lite med class, och jag undrar hur man skriver för att använda sig av hover på en class? Skulle gärna vilja ha lite exempelkod som visar 2 st classer med olika länk och hoverfärg samt teckensnitt.

3. Finns det några bra svenska guider för CSS? Har hittat en 3-4 st guider men ingen av dem dög något till. :\

Ursäkta svenskan, hade lite bråttom att få det här iväg. :)

1. Javisst går det! I ditt CSS-dokument skriver du bara

a {
	Egenskaper här
}

Eller om du vill ha olika egenskaper på de olika länk-typerna skriver du

/* Länkens grundegenskaper, innan du tryckt eller rört den */
a:link {
	Egenskaper här
}

/* Länkens egenskaper när du en gång tryckt på den */
a:visited {
	Egenskaper här
}

/* Länkens egenskaper när du håller musknappen nedtryckt på länken */
a:active {
	Egenskaper här
}

/* När du håller musknappen över länken kommer den här egenskapen fram */
a:hover {
	Egenskaper här
}

Om du nu vill sätta classer på andra olika länkar är det bara att skapa classer

.style_link {
	color: #393939;
}

<a href="#" class="style_link">Link 1</a>

2. Kolla ovanstående svar.

3. Just nu har jag ingen svensk guide på lager, men fråga gärna här om det är något problem du stöter på. :)

/r VÄLKOMMEN TILL WF!

Finns en del Här

Klicka där på Css stilmallar.

Tack för svaren, men nu är det några problem som fortfarande inte är lästa. Rättare sagt inget nytt har lagts fram som jag inte redan visste.

När jag gör som i dina exempel, så fungerar inte classerna. Dvs om jag använder en a:hover så blir _alla_ länkar den sortens, även om den har en egen class så skrivs den classen över av a:hovern. Det är det som är problemet för mig just nu. :) Tack för svaren.

Bosse: Jag ska kolla runt lite på den sidan, tack.

Hmm...

Prova CSS:en

a.minklass:hover {...}

om du skriver

<a class="minklass" ... >...</a>

Annars kan du köra med CSS:en

.minandraklass a:hover {...}

om dina länkar ligger i t.ex. en div med en class såhär:

<div class="minandraklass">
  <a href="#">Länk</a><br>
  <a href="#">Länk</a><br>
  <a href="#">Länk</a><br>
</div>