Child Selectors

Når man arbejder med CSS kender de fleste til at vælge et tag således:

p {

}

På denne måde vælger man alle <p> tags. Mange kender også til id og class, hvor man kan give HTML tagget et navn således:

<h1 id=”minoverskrift”>

Og efterfølgende i CSS give den et bestemt udseende således:

#minoverskrift {

}

Men de fleste der starter med at lære CSS tager tid om at bruge det, man på engelsk kalder for en “child selector” eller “contextual selector”. Det er en måde at vælge noget inden i noget andet, hvilket er rigtigt smart i forhold til f.eks. kun at style links der er inden i menuen.

Hvis HTML’en ser sådan her ud:

<nav>
<a href=”cv.html”>CV</a>
<a href=”contact.html”>Contact</a>
</nav>

Så kan man lave en selector der kun rammer links inden i navigationen, og ingen andre links på den her måde i CSS:

nav a {

}

Selectoren vælger alle links, der er inde i tagget ‘nav’. Som man måske kan se, så starter man med at skrive det yderste tag, og skriver dernæst det inderste (linksene er jo inde i navigationen).

Jeg håber du kunne bruge mit råd. God kodelyst!

Skriv et svar

Din e-mailadresse vil ikke blive offentliggjort. Krævede felter er markeret med *