Avatar billede Slettet bruger
08. september 2008 - 14:11 Der er 7 kommentarer og
1 løsning

Flere "typer" i en css-klasse

Jeg har følgende css-kode:
.menu_tekst{
    font-family:        Arial, Helvetica, sans-serif;
    font-size:        10px;
    font-weight:        bold;
    background-color:    inherit;
    color:            #000000;
}

.menu_tekst a{
    font-size:        10px;
    background-color:    inherit;
    color:            #000000;
    text-decoration:    none;
}

.menu_tekst a:hover{
    background-color:    inherit;
    color:            #7e0101;
}


... og følgende html-kode:
<div id="mainmenu" class="menu_tekst">
  Aktivt menupunkt<br>
  <a href="#">Ikke aktivt menupunkt1</a>
  <a href="#">Ikke aktivt menupunkt2</a>
</div>

Kan css-koden ikke laves smartere (kortere)?
Avatar billede w13 Novice
08. september 2008 - 14:34 #1
Får de en baggrundsfarve med:

background-color:    inherit;

eller står koden der bare? :)

Og hvad ville du ellers gøre kortere? Jeg kan kun se, at du skulle kunne gøre det sådan her i stedet:

.menu_tekst{
    font-family:        Arial, Helvetica, sans-serif;
    font-size:        10px;
    font-weight:        bold;
    background-color:    inherit;
    color:            #000;
}

.menu_tekst a{
    color:            #000;
    text-decoration:    none;
}

.menu_tekst a:hover{
    color:            #7e0101;
}

Men det kan jo sagtens være fuldstændig forkert når jeg ikke kender resten af din kode.
Avatar billede Slettet bruger
08. september 2008 - 14:52 #2
I følge W3C-validatoren må der ikke være en color uden en background-color.

Det jeg tænkte på var om det f.eks. var muligt at gruppere de 2 første klasser, ligesom man f.eks. kan gøre sådan her:
h1,h2,h3,h4,h5,h6
{
color: green
}
Avatar billede ssv Nybegynder
08. september 2008 - 16:59 #3
Du kan godt kombinere de 2, men jeg ville personligt holde dem fra hinanden.

Du kan jo skrive:
.menu_tekst, .menu_tekst a {
    font: 10px Arial, Helvetica, sans-serif;
    font-weight:        bold;
    color:            #000;
    text-decoration:    none;
}
.menu_tekst a:hover{
    color:            #7e0101;
}
Avatar billede olebole Juniormester
08. september 2008 - 17:32 #4
<ole>

kfisker >> du mistolker vist validatoren. Der er kæmpe forskel på en fejl og en advarsel. Validatoren advarer dig bare, fordi det kunne være, din tekst er sat til at være hvid - og du ikke samtidig har sat en anden baggrundsfarve.

Så vil din tekst være usynlig - og det vil W3C gerne advare dig om. Det er ikke en fejl  ;o)

/mvh
</bole>
Avatar billede Slettet bruger
08. september 2008 - 19:34 #5
ssv...> Det giver fint mening for mig at forkorte på den måde. Mine links og teksten skal være identiske, dog uden hover på teksten. Disse 2 vil altid følges ad, så derfor synes jeg det bliver mere overskueligt at reducere.

olebole...> Okay, det havde jeg ikke været opmærksom på. Er det hul i hovedet at gøre som jeg gør, for at undgå advarsler?
Avatar billede Slettet bruger
08. september 2008 - 19:40 #6
ssv...> Hov, glemte at bede dig om at lægge et svar.
Avatar billede olebole Juniormester
08. september 2008 - 20:23 #7
Der er ingen tvingende grund til både at sætte for- og baggrundsfarve - men det kan aldrig skade  =)
Avatar billede ssv Nybegynder
08. september 2008 - 20:38 #8
Og her er så et svar :-)
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