Avatar billede tknudsen Nybegynder
19. marts 2002 - 21:41 Der er 2 kommentarer og
2 løsninger

nedarvning af css klasser

Kan jeg, med hjemmelavede css klasser, få en klasse til at nedarve fra en anden ?

feks vil jeg gerne kunne gøre noget lignende:

.Tab
{
  position: absolute;
  width: 100px;
  height: 50px;

  border-style:none solid none none;
  border-width:1px;
  border-color:#000000;
}

.Tab.Active
{
  background-color: #F9F6A9;
}

... men det går jo ikke - så hvad er den korrekte metode !?
Avatar billede hells Nybegynder
19. marts 2002 - 22:09 #1
Prøv med:
.Tab, .Active
{
  background-color: #F9F6A9;
}
Avatar billede tknudsen Nybegynder
20. marts 2002 - 10:44 #2
hells >> jeg har prøvet med dit forslag, men kan ikke få det til at virke.

Jeg har 2 <div>-tags, som henholdsvis skal pege på Active og Inactive klasserne. Idet de begge er af Tab-typen ville det jo være smart hvis de kunne stamme fra den samme grundlæggende style...
Avatar billede _petrucci Nybegynder
20. marts 2002 - 14:30 #3
vil .Tab, .Active  ikke bare overskrive den gamle .Tab?

Tror du bliver nødt til at fikse det således:

<div id="div1" class="tab"> indhold </div>

<div id="div2" class="tab" style="background-color: #F9F6A9;"> indhold </div>
Avatar billede skovenborg Nybegynder
21. marts 2002 - 17:45 #4
CSS understøtter ikke den slags nedarvinger. Tilfældet med .Tab,.Active betyder blot at du laver to klasser med #F9F6A9 som baggrundsfarve. Prøv evt. med .Tab:Active, altså ligesom A:Active, men jeg tror ikke det virker. Så må du altså lave to seperate klasser.
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