Timo Jattu skrev:
> Hej - Jeg har et lille problem med nedarvning af forskellige settings
> i mit CSS - det er meningen at jeg skal bruge samme layout men
> forskellige farver alt efter hvad der skal ske.... kort sagt jeg
> definere de fleste ting i parent og ændre så lidt på et child således
> at det kommer til at passe hvor det skal bruges... men hvordan....
>
> Jeg gør følgende
>
>
> TD#Menu {
> background-color : #106faa;
> border-top: 0px solid black;
> border-left:0px solid black;
> border-right:0px solid black;
> border-bottom:0px solid black;
> margin-bottom: 5px;
> }
>
> TD#Menu.Test {
> background-color : #6600cc;
> }
>
> TD#Menu.Test2 {
> background-color : #66FFFF;
> }
>
> og på siden..
>
> <td id="Menu"> virker fint..
> <td id="Menu.Test"> virker ikke
>
> <td class="Menu.Test"> virker ikke
>
> Hvordan skal man lige skrive det før at det kan lykkes??
Det du skriver er faktisk ikke valid kode!!
id'er kan ikke indeholde punktummer! da det betyder en klasse! id er en
unik mærkning af et element eller område i dit dokument og kan altså
kun bruges 1 gang. Hvorimod klasser <div class="test"> kan bruges flere
steder. Det du har skrevet er en div med en klasse! dvs. du skal have
en <td id="menu" class="test"> (og lad for guds skyld være med at bruge
store og små bogstaver, det bliver mere forvirrende for der er flere
steder hvor det har en stor betydning om du bruger store eller små!)
Alternativt kan du skrive din css som td #menu .test {} eller td#menu
..test{}
Claus