Li odd

Status
Niet open voor verdere reacties.

Frenske123

Terugkerende gebruiker
Lid geworden
2 jul 2007
Berichten
1.260
Hallo,

Iemand een idee waarom dit niet werkt:
lijst in container met class content

Code:
<style type="text/css">
<!--
.content li:nth-child(odd) {
    background: red;
}
-->
</style>

Dit werkt wel maar het moet alleen van toepassing zijn op de LI die in de container met class .content staat.

Code:
<style type="text/css">
<!--
li:nth-child(odd) {
    background: red;
}
-->
 
Je geeft geen html, maar als ik er vanuit ga dat .content niet de ul is dan zou dit kunnen werken
Code:
<style type="text/css">
.content ul li:nth-child(odd) {
    background: red;
}
</style>
Die <!-- en --> mag je weglaten. Browsers zien goed wat html, css en javascript is.
 
Bedankt voor antwoordt, werkt nog niet

html

HTML:
<div class="container-fluid content">
  <div class="row">
    <div class="col-lg-12 ">
      <div class="incontent nieuws-overzicht">
        <ul class="list-group">
<li class="list-group-item nieuws-overzicht">
xxx
</li>
</ul>
</div>
</div>
</div>
</div>

(Bootstrap 3 framework)
 
Ha, je gebruikt bootstrap :thumb: dit werkt
Code:
[COLOR="#A9A9A9"]<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">[/COLOR]
<style type="text/css">
.content .list-group-item:nth-child(odd) {
    background: red;
}
</style>
Check even of je niet nogmaals in .nieuws-overzicht{...} de background instelt.

Suc6. Have fun.
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.

Nieuwste berichten

Terug
Bovenaan Onderaan