Avatar billede smeier Nybegynder
15. april 2010 - 16:16 Der er 4 kommentarer og
1 løsning

style 2 divs forskelligt, med samme class

Har følgende:
<div class="cartHeaders">
<div class="itemName">Name</div>
</div>
<div class="itemContainer">
<div class="itemName">Zebra</div>
</div>

Kan man i sit css dokument gøre således at jeg får den først "itemName" class til at se forskellige ud fra den anden? Således at Name står i en farve og Zebra i en anden, på trods af at de har samme class. Da div'erne bliver autogeneret i javascript ville jeg helst kunne ordne det kun i css.

Mvh Troels
Avatar billede claes57 Ekspert
15. april 2010 - 17:09 #1
Flyt farven op i hhv cartHeader og itemContainer
Avatar billede smeier Nybegynder
15. april 2010 - 18:19 #2
Ville jeg gøre, men desværre indeholder både cartHeader og itemContainer flere forskellige divs som skal styles forskelligt. Simplificerede blot ovenstående eksempel.

håbede på at man kunne lave noget i retning af

div.cartHeader.div.itemName{
}

men må nok prøve at finde en anden løsning på det
Avatar billede claes57 Ekspert
15. april 2010 - 18:31 #3
noget css i stil med dette, som jeg har brugt til en menu i en tabel - så link-farver virker kun på dem, der ligger i tabellen i menuen.


.menu td{
color:#000000;
font-size: 9pt;
text-decoration: none;
text-align: left;
vertical-align: top;
padding-left: 8px;
padding-right: 8px;
padding-top: 6px;
padding-bottom: 6px;
border-bottom: 1px solid #999999;
border-top: 1px solid #999999;
}

.menu td a{
color:#000000;
font-size: 9pt;
text-decoration: none;
}

.menu td a:hover{
color:#ff0000;
font-size: 9pt;
text-decoration: none;
}
Avatar billede smeier Nybegynder
01. november 2010 - 08:22 #4
claes57 smid et svar, brugte din løsning.
Tak for hjæpen. :-)
Avatar billede claes57 Ekspert
01. november 2010 - 10:24 #5
ok.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester