Avatar billede Slettet bruger
10. november 2008 - 16:53 Der er 7 kommentarer og
1 løsning

Selector til alle nedre generationer

Hej eksperter,

Hvad er selectoren til alle nedre generationer? Jeg har sgu glemt det, og > er ikke tilstrækkeligt.

div.noget [operator] div

...hvor jeg vil vide, hvad operatoren er. F.eks:

<div class="noget">
  <div>
    A
    <div>A</div>
  </div>
</div>

I ovenstående vil jeg ramme begge A'er.
Avatar billede w13 Novice
10. november 2008 - 17:21 #1
"div.noget div" skulle gerne ramme alle div'er under div.noget. Og hvis det ikke kun gælder div'er, kan du jo bruge asterisk (*).
Avatar billede w13 Novice
10. november 2008 - 17:21 #2
Avatar billede Slettet bruger
10. november 2008 - 17:26 #3
Negativ. Jeg blev for nyligt flamet og læste derfor hele dokumentationen... Nu bliver jeg desværre nødt til at sige, at du tager fejl. >-operatoren dækker kun børn af udgangspunktet og altså ikke børnebørn osv. Jeg fandt i løbet af min læsning en anden operator, der valgte alle børn af børn til udgangspunktet (altså generation 2 til n men ikke 1), hvilket er perfekt og en logisk metode at medtage i CSS (da den kombineret med > tillader påvirkning af alle nedre generationer samtidig med undladelse af den første uden >). Det fungerede perfekt - men nu har jeg glemt tegnet og kan ikke finde det nogen steder i dokumentationen. Nissens også!
Avatar billede w13 Novice
10. november 2008 - 17:31 #4
Mit svar havde udgangspunkt i linket til w3, hvor der står:
-------------------------------------------
We address this case by supplementing the previous rules with a rule that sets the text color to blue whenever an EM occurs anywhere within an H1:

H1 { color: red }
EM { color: red }
H1 EM { color: blue }

The third rule will match the EM in the following fragment:

<H1>This <SPAN class="myclass">headline
is <EM>very</EM> important</SPAN></H1>
-------------------------------------------
Ud fra dette burde det jo fungere, som du beskriver dit ønske.
Avatar billede Slettet bruger
10. november 2008 - 17:44 #5
Ja, undskyld, jeg overså (eller rettere underså) det manglende >. 'a b' dækker alle b'er under a, men jeg ledte egentlig efter tegnet, der finder alle b'er med undtagelse af dem lige under a... Dog kan 'a b' godt klare tricket (og jeg havde glemt udsagnets gyldighed), så smid bare et svar :) Jeg har fået det til at fungere nu.
Avatar billede w13 Novice
10. november 2008 - 17:46 #6
De foreslår også på det link, at man bruger:

div.noget * div

til at finde alle børnebørn og deres efterkommere. =) Dvs. alle efter børnene. Så det må være det, du ønsker.
Avatar billede Slettet bruger
10. november 2008 - 17:53 #7
Aha! Tusind tak! Jeg har godt nok studset over *, men jeg tænkte, at den jo i forvejen blev brugt til noget andet :)
Avatar billede w13 Novice
10. november 2008 - 17:57 #8
Jep! Og tak for points! :)
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