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?
Annonceindlæg tema
Cloud & AI
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
a.menu:link, a.menu:visited, a.menu:active, a.menu:hover { color: #000000; text-decoration: none; }
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; }
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; }
.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; }
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; }
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; }
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; }
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; }
08. juni 2003 - 21:14
#10
Mange tak!
08. juni 2003 - 21:14
#11
ok
08. juni 2003 - 21:15
#12
Men man kan skrive dem helt sammen (21:10:01) a.menu:link:visited:active
08. juni 2003 - 21:16
#13
Kan man lave en CSS-style som laver teksten gennemsigtig (f.eks. 50%)? roenving >> Oki, smart!
08. juni 2003 - 21:17
#14
roenving >> Dette virker ikke: .menu, a.menu:link:visited:active
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)
08. juni 2003 - 21:23
#16
.menu a:link:visited:active
08. juni 2003 - 21:56
#17
roenving >> Det virker ikke!
08. juni 2003 - 23:26
#18
??? har du ikke dine links liggende inde i et tag, som har class=menu ?-)
08. juni 2003 - 23:34
#19
Jo, det har jeg! Men når jeg gør det du siger, bliver virker stylen ikke!
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 !-)
Vi tilbyder markedets bedste kurser inden for webudvikling