Søg
Avatar billede hermandsen Juniormester
09. marts 2004 - 12:23 Der er 6 kommentarer og
1 løsning

Hvad er rigtigt ":hover:before" eller ":before:hover"

Hej Eksperter!

Jeg sad lige og kiggede på et andet spørgsmål, hvorefter jeg selv kom på et nyt...

Lad os forestille os at vi har et objekt hvor vi definerer :before pseudo-egenskaben, eller :after for den sags skyld.
Til den tilføjer vi selvfølgelig CSS-egenskaben "content".
Men hvad nu hvis vi vil have det til at ændre sig ved hover?

Er det så mest rigtigt at skrive :hover:before eller :before:hover ???

Jeg har lavet eksempler på:
http://hermandsen.homepage.dk/exp/beforehover.html
http://hermandsen.homepage.dk/exp/hoverbefore.html

:hover:before virker både i Mozilla og Opera, mens :before:hover kun virker i Opera.

Selvfølgelig er der ingen af delene der fungerer i Internet Explorer!!

http://www.w3.org/TR/REC-CSS2/selector.html#before-and-after

//hermandsen
Avatar billede rasm Nybegynder
09. marts 2004 - 12:25 #1
aner ikke hvad du vil lave?
Avatar billede tagryggen Nybegynder
09. marts 2004 - 12:27 #2
http://www.html.dk/tutorials/css/lektion6.asp
Avatar billede hermandsen Juniormester
09. marts 2004 - 12:29 #3
>>rasm
Kig på de to links...

Er det i CSS rigtigst at skrive :hover:before eller :before:hover?

>>tagryggen
Der står intet om :before og :after!!

Der kunne også stå :first-child, som også er en gyldig pseudo-klasse...
Avatar billede hermandsen Juniormester
09. marts 2004 - 12:31 #4
>>tagryggen
Desuden skal :hover-egenskaben virke på ALLE visuelle elementer, ikke kun links!
Avatar billede hermandsen Juniormester
09. marts 2004 - 13:07 #5
Har selv fundet svaret:
http://lists.w3.org/Archives/Public/www-validator-css/2002Nov/0008.html

Endnu en gang vinder Mozilla, da den ikke tog sig af den forkerte regel!! :)
Avatar billede hermandsen Juniormester
09. marts 2004 - 13:20 #6
:hover:before er altså gyldig CSS, da :before skal komme som det sidste element i en række af collectors!
Avatar billede exp Juniormester
09. marts 2004 - 13:25 #7
Al magt til Mozilla :-D
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
27/0821:03 Kan man få Word viewer gratis Af Strawberry i Word
26/0813:28 Findes der en brugsanvisning til : "ONKYO Stereo Casette - Tape Deck - R1" Af Ikke-ekspert i Musik & videoafspillere
24/0820:07 Libra Office 26.2.5.2 - Er sort - Kan an ændre til lysere baggrund ? (Windows 11) Af Ikke-ekspert i Office & Kontorpakker
24/0811:24 Hvor kan jeg finde hjælp til at flytte fra min gamle Samsung Flip4 til min nye Samsung Galaxy S24 Af vbr i Apps til Android
24/0811:16 problem med mailbesked Af Pestilensen i Excel
White papers
Flere white papers »