Wie würde ich zu dieser Klasse alternative Zeilenfarbe hinzufügen:Wie eine CSS-Klasse alternative Zeilenfarbe hinzufügen
.widget li {
border: none; padding: 14px 0 0px;
}
Ich sehe Anweisungen wie diese:
https://www.w3.org/Style/Examples/007/evenodd.en.html
Alternate table row color using CSS?
B Aber das scheint komplizierter zu sein. Kannst du helfen?
Danke!
Verwendung wie diese
.widget li:nth-child(even){
background: #CCC
}
.widget li:nth-child(odd){
background: #000
}
Es ist unklar, ob Sie sich auf li Elemente oder divs mit Klasse widget alternativen Text-Farben wünschen. Wenn du Letzteres meinst, probiere folgendes:
.widget {
color: myoddcolr;
}
.widget:nth-of-type(odd) {
color: myoddcolr;
}
Du kannst das so verwenden: nth-child (2n + 1). Ich hoffe, dies wird dir helfen!
.widget {
\t \t padding-left: 0px;
\t }
\t .widget li{
\t \t margin-top: 1px;
\t \t padding: 5px;
\t }
\t .widget li:nth-child(2n+1){
\t \t background: #ccc;
\t }
\t .widget li:nth-child(2n+2){
\t \t background: #eee;
\t }<ul class="widget">
\t <li>Row - 1</li>
\t <li>Row - 2</li>
\t <li>Row - 3</li>
\t <li>Row - 4</li>
\t <li>Row - 5</li>
\t <li>Row - 6</li>
</ul>
Ich denke, es ist ganz klar, er will 'li' Ziel, wie das ist, was seine CSS – Lee
Als nicht englischen Muttersprachler zeigt ich nicht, was er (n) entziffern kann gemeint . '.wid li 'ist keine Klasse. Und normalerweise werden 'li' Elemente nicht als Zeilen genommen - vgl. Die Zeile col grid system – user31782
Ich bekomme das, aber da er über Widgets spricht, ist es fair anzunehmen, dass jedes 'li' ein Widget-Block ist, der eine Zeile in einer Spalte sein könnte ... Außerdem möchte er abwechselnd 'Zeilen' , was sinnvoll wäre, wenn Sie eine Menge li-Elemente haben. – Lee