0

div の INSIDE reportRow の背景色を特定の背景色にしようとしていますが、他の reportRow ごとに色を切り替えたいと考えています。

n番目の子を働かせることができないようです。誰でも助けることができますか?

<div class="reportRow">
    <div style="width:75px;">Date1</div>
    <div style="width:360px;">Address1</div>
    <div style="width:40px;">Edit1</div>
    <div style="width:40px;">Print1</div>
    <div style="width:40px;">Delete1</div>
</div>

<div class="reportRow">
    <div style="width:75px;">Date2</div>
    <div style="width:360px;">Address2</div>
    <div style="width:40px;">Edit2</div>
    <div style="width:40px;">Print2</div>
    <div style="width:40px;">Delete2</div>
</div>
4

2 に答える 2

0

http://jsfiddle.net/bhlaird/t75Zu/
reportRow で nth-child を使用したいが、内側の div の背景を設定する

.reportRow:nth-child(2n) div {
    background-color: blue;
}
于 2013-10-17T23:55:12.107 に答える
0

他のすべての nth-child をターゲットにするために、CSS に含める必要があるものの例を次に示します。

.reportRow:nth-child(even) {
  background: #fff;
}

パラメータを偶数または奇数、および他のいくつかのものに置き換えることができます。nth-child 擬似クラスに関するドキュメントは次のとおりです: http://www.w3schools.com/cssref/sel_nth-child.asp

于 2013-10-17T23:55:52.997 に答える