Avatar billede dennism Nybegynder
08. juni 2003 - 21:06 Der er 19 kommentarer og
1 løsning

CSS: Kan dette gøres lettere

Jeg har denne CSS-style:

.menu {
    text-align: left;
    text-decoration: none;
}

a.menu:link {
    color: #000000;
    text-decoration: none;
}

a.menu:visited {
    color: #000000;
    text-decoration: none;
}

a.menu:active {
    color: #000000;
    text-decoration: none;
}


a.menu:hover {
    color: #000000;
    text-decoration: underline;
}

Kan den skrives på en anden måde, som gør at nogle af funktionerne ikke behøver at blive skrivet flere gange?
Avatar billede ahv Nybegynder
08. juni 2003 - 21:08 #1
a.menu:link, a.menu:visited, a.menu:active, a.menu:hover {
    color: #000000;
    text-decoration: none;
}
Avatar billede ahv Nybegynder
08. juni 2003 - 21:09 #2
eller hov den sidte er forskellig fra:

.menu {
    text-align: left;
    text-decoration: none;
}

a.menu:link, a.menu:visited, a.menu:active {
    color: #000000;
    text-decoration: none;
}

a.menu:hover {
    color: #000000;
    text-decoration: underline;
}
Avatar billede dennism Nybegynder
08. juni 2003 - 21:09 #3
Mener du ikke:

a.menu:link, a.menu:visited, a.menu:active {
    color: #000000;
    text-decoration: none;
}

a.menu:hover {
    color: #000000;
    text-decoration: underline;
}
Avatar billede dennism Nybegynder
08. juni 2003 - 21:09 #4
Oki.. Tak!
Avatar billede roenving Novice
08. juni 2003 - 21:10 #5
.menu {
    text-align: left;
    text-decoration: none;
}
a.menu:link:visited:active{
    color: #000000;
    text-decoration: none;
}
a.menu:hover {
    color: #000000;
    text-decoration: underline;
}
Avatar billede dennism Nybegynder
08. juni 2003 - 21:10 #6
Hvad med denne, som bruges til at ændre skriften på hele mit dokument:

body, td { font-size: 8pt;
    font-family: verdana,arial;}

a:link { color: #00659C;   
          text-decoration: none; }

a:visited { color: #00659C;
          text-decoration: none; }

a:hover { color: #ff0000;
          text-decoration: underline; }

a:active { color: #00659C;
    text-decoration: none; }
Avatar billede viciodk Praktikant
08. juni 2003 - 21:10 #7
Går da ikke ud fra der er noget i galt med at lave en omskrivning til dette?

.menu {
    text-align: left;
    text-decoration: none;
}

a.menu:link, a.menu:visited, a.meny:active {
    color: #000000;
    text-decoration: none;
}

a.menu:hover {
    color: #000000;
    text-decoration: underline;
}
Avatar billede viciodk Praktikant
08. juni 2003 - 21:12 #8
body, td { font-size: 8pt;
    font-family: verdana,arial;}

a:link, a:visited, a:active { color: #00659C;   
          text-decoration: none; }

a:hover { color: #ff0000;
          text-decoration: underline; }
Avatar billede ahv Nybegynder
08. juni 2003 - 21:12 #9
body, td { font-size: 8pt;
    font-family: verdana,arial;}
a:link, a:visited, a:active { color: #00659C;   
          text-decoration: none; }
a:hover { color: #ff0000;
          text-decoration: underline; }
Avatar billede dennism Nybegynder
08. juni 2003 - 21:14 #10
Mange tak!
Avatar billede viciodk Praktikant
08. juni 2003 - 21:14 #11
ok
Avatar billede roenving Novice
08. juni 2003 - 21:15 #12
Men man kan skrive dem helt sammen (21:10:01)

a.menu:link:visited:active
Avatar billede dennism Nybegynder
08. juni 2003 - 21:16 #13
Kan man lave en CSS-style som laver teksten gennemsigtig (f.eks. 50%)?

roenving >>

Oki, smart!
Avatar billede dennism Nybegynder
08. juni 2003 - 21:17 #14
roenving >>

Dette virker ikke:
.menu, a.menu:link:visited:active
Avatar billede ahv Nybegynder
08. juni 2003 - 21:19 #15
Virker kun i IE: filter: alpha(opacity=50);
Husk at lukke det andet spm. med italic hvor du spørger om det samme ;o)
Avatar billede roenving Novice
08. juni 2003 - 21:23 #16
.menu a:link:visited:active
Avatar billede dennism Nybegynder
08. juni 2003 - 21:56 #17
roenving >>

Det virker ikke!
Avatar billede roenving Novice
08. juni 2003 - 23:26 #18
??? har du ikke dine links liggende inde i et tag, som har class=menu ?-)
Avatar billede dennism Nybegynder
08. juni 2003 - 23:34 #19
Jo, det har jeg! Men når jeg gør det du siger, bliver virker stylen ikke!
Avatar billede roenving Novice
09. juni 2003 - 00:15 #20
Har dine link-tags (<a>) class menu, så vil det ikke virke, og det er dobbeltkonfekt også at angive a foran .menu -- hvilket måske kan være det, som generer ?-)

-- jeg har ikke selv haft brug for en kombinations-værdi nogensinde, men så sent som igår fik vi reduceret antallet af styles i et stylesheet fra 6 eller 8 til 2 med ovenstående syntaks-type !-)
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