如何使用3种替代颜色为表格行上色

时间:2019-06-20 05:18:52

标签: row css-tables

我希望表格显示3种替代颜色(1-黑色,2-红色,3-白色,4-黑色,5-红色,6-白色....)我尝试过第n个孩子(甚至)和nth-child(奇数) 但是如何获得备用的3行颜色

1 个答案:

答案 0 :(得分:0)

w3c之后,您可以尝试以下操作:

  tr:nth-child(3n+1) {
    background-color: black;
  }
  tr:nth-child(3n+2) {
    background-color: red;
  }
  tr:nth-child(3n) {
    background-color: white;
  }