CSS refer to every odd nested child?

前端 未结 3 924
傲寒
傲寒 2021-01-14 09:21

I\'m trying to make a comment system where nested comments have zebra background colors. (Blue bg replies to white bg replies to blue bg...)

Instead of referring to

3条回答
  •  不思量自难忘°
    2021-01-14 09:58

    Look for nth-child in the CSS reference, selectors section. It's used something like this:

    tr:nth-child(even) {
       background: #cccccc;
    }
    tr:nth-child(odd) {
       background: white;
    }
    

    you don't have to apply different classes to alternating rows; CSS itself will distinguish even rows from odd rows.

提交回复
热议问题