Avatar billede Kast20 Seniormester
26. februar 2014 - 20:31 Der er 2 kommentarer

Sætte 2. HTML-element til Display:none

Hej,

Jeg har en lidt tricky udfordring med CSS.

Opbygningen er således:

<div class="klasse1 klasse2">

<h3>Overskrift1</h3>
<ul class="klasse3 klasse4">
<li></li>
<li></li>
<li></li>
</ul>
<h3>Overskrift2</h3>
<ul class="klasse3 klasse4">
<li></li>
<li></li>
<li></li>
</ul>

</div>

Jeg vil gerne have den 2. <ul> element og alle dets under <li> elementer er sat til "display:none". Udfordringen er jo, at begge <ul> benytter de samme klasser og jeg har ikke mulighed for at tilføje øvrige klasser eller ændre i html'en. Så man er vel nød til at referere til det 2. <ul> i containeren.
På samme måde skal jeg have fjernet Overskrift2 i det 2. <h3> tag.
Avatar billede jakobdo Ekspert
26. februar 2014 - 20:43 #1
Avatar billede Rickimeihlen Nybegynder
16. april 2014 - 14:09 #2
Kan du ikke bruge :last-child?
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