Panelen



Forumnavigering
Senast inloggade
RSS
Sponsorer

Forum > Klientspråk > CSS

olika färger på länkar

nabbiii
nabbiii

Gradering

#16162

hejsan, hur kan jag sätta olika färger på dessa länkar.. UTAN att ändra i själva HTML koden?

 

<div id="menu">
                <a href="index.html">Startsida</a>
                <a href="uppgifter.html">Uppgifter</a>
                <a href="kontakt.html">Kontakt</a>
         </div>
         <a href="kontakt.html">logga ut</a>

 

det jag vill kunna göra är att alla länkar ska vara svarta.. utan de som finns under diven med Id="menu"...

finns det något sätt som man kan göra så att startsidan, uppgifter, kontakt få en annan färg? utan att ändra något i HTML.. (då jag inte har tillgång till html filen)

 

så långt har jag kommit... men hur specifiserar jag nu länkarna som ligger under diven?


a{
    font-family:Georgia;
    font-size:13px;
    color:#000000;
    text-decoration:none;
}

ID: #16162 | Skapades: 2009-06-17 00:11:09 | Tråden har 2 svar och har lästs 819 gånger.

Frippe
Frippe

Gradering

#16163

Du skriver bara id på din div i css såhär:

#menu a{..}

Så ändras dom länkarna innanför diven

 

C#
ID: #16163 | Skapades: 2009-06-17 00:31:45

voigtan
voigtan

Gradering

#16164

Att gå in lite på detaljer med hur css fungera så:

#menu a {}
säger egentilgen inte att det är länkarna inne i en div som gör det ;) den säger att den hittar parentNoden (föräldren) till a skall ha ett ID som är menu(case sensitive), dock är det en div i koden ovan ;).

div#menu a {}
i detta exempel så måste det vara en div som har ett id menu, nu är det ju inte så att man kan använda IDn (om man följer standader + javascript) på mer än ett element. Men det kan vara så att du i framtiden ha kanske ha klasser med samma namn, men vill att de skall ha olika utseende.

div#menu div a {}
Kommer bara träffar alla a som finns inne i en div som måste finnas i en div med ett id menu osv.

Du kan se i exemplet på w3schools hur detta fungera: http://www.w3schools.com/css/css_image_gallery.asp

Hur man ställer en fråga: http://support.microsoft.com/kb/q555375
ID: #16164 | Skapades: 2009-06-17 07:20:30
© Copyright 2007-2009 Shadi Domat | Version 3.0 | Sidkarta | Policy