对每个列表元素(每个<li>
(赋予奇数和偶数不同背景颜色的基本规则感到完全困惑
在渲染的html代码中,所有li都被视为奇数??????所以他们都得到了相同的背景颜色,而不是所需的替代颜色。
谢谢你的帮助。
<div id="technotes" class="block nb-coul well">
<div class="block-in">
<ul id="blocNotesTech">
<li class="oneFile gc tips ">
<a target="_blank" rel="tooltip" href="http:xxxx.pdf" title="" data-original-title="Enregistrer ce document (nl onglet) "><strong>xxxxxxxxxxxxxxxxx </strong> »
</a> <span class="tout-pt-txt small">(0.16 Mo) </span><br>
<cite class="tout-pt-txt"><em>azertyui...</em>
</cite>
</li><br>
<li class="oneFile hplc ">
<a target="_blank" rel="tooltip" href="http:xxxx.pdf" title="" data-original-title="Enregistrer ce document (nl onglet) "><strong>xxxxxxxxxxxxxxxxx </strong> »
</a> <span class="tout-pt-txt small">(0.16 Mo) </span><br>
<cite class="tout-pt-txt"><em>azertyui...</em>
</cite>
</li><br>
<li class="oneFile gc tips ">
<a target="_blank" rel="tooltip" href="http:xxxx.pdf" title="" data-original-title="Enregistrer ce document (nl onglet) "><strong>xxxxxxxxxxxxxxxxx </strong> »
</a> <span class="tout-pt-txt small">(0.16 Mo) </span><br>
<cite class="tout-pt-txt"><em>azertyui...</em>
</cite>
</li><br>
<li class="oneFile hplc ">
<a target="_blank" rel="tooltip" href="http:xxxx.pdf" title="" data-original-title="Enregistrer ce document (nl onglet) "><strong>xxxxxxxxxxxxxxxxx </strong> »
</a> <span class="tout-pt-txt small">(0.16 Mo) </span><br>
<cite class="tout-pt-txt"><em>azertyui...</em>
</cite>
</li><br>
</ul>
</div>
以及适用的css(尝试了不同的方法(:
#technotes li{
display: inline-block;
background: none;
background-position: center left!important;
padding: 43px 2px 43px 72px!important;
font-size: 130%;
border-bottom: 1px blue !important;
}
#technotes li.hplc{
background-image: url(../img/TechNoteHPLC-ico.png);
background-repeat: no-repeat;
}
#technotes li.hplc-usp{
background-image: url(../img/TechNoteHPLCUSP-ico.png);
background-repeat: no-repeat;
}
#technotes li.gc{
background-image: url(../img/TechNoteGC-ico.png);
background-repeat: no-repeat;
}
#technotes ul > li:nth-child(odd){
background-color: #f9f9f9;
}
#technotes ul > li:nth-child(even){
background-color: #ECEDE6;
}
grrr。LI之外的CCD_ 2是问题。。。必须在里面。已解决。。