php - 更改表格中rowx的颜色

Question

你好，我正在研究 PHP 中的表格样式。我只被困在一个点上，我无法更改表格行的颜色，或者像奇数行应该用白色背景甚至蓝色显示。我尝试了以下 css 代码，但它没有用

tbody:nth-child(2n) { /* even rows */ 
  background-color:#eee;
}     
tbody:nth-child(2n+1) { /* odd rows */
  background-color:#ccc;
}  

Answer 1

如果不是你的浏览器问题，请试试这个css

table#tableid tr:nth-child(2n) { /* even rows */ 
  background-color:#eee;
}     
table#tableid tr:nth-child(2n+1) { /* odd rows */
  background-color:#ccc;
}

或者

table#tableid tr:nth-child(even) { /* even rows */ 
  background-color:#eee;
}     
table#tableid tr:nth-child(odd) { /* odd rows */
  background-color:#ccc;
} 

Answer 2

我认为 jquery :even和:odd选择器是跨浏览器的最佳选择..

$('#selector:even').addClass('even_class');
$('#selector:odd').addClass('odd_class');

Answer 3

为奇数行和偶数行的样式编写两个类。并像这样交替添加类。

.odd_row{
   background-color:grey;
}
.even_row{
   background-color:white;
}

And in php,
<?php
for($i=0;$i<10;$i++)
{?>
      <tr class="<?php echp ($i%2==0)?'odd_row':'even_row';?>">
           <td>data1</td>
           <td>data2</td>
      </tr>
<?php
}
?>

Answer 4

也许您可以尝试使用变量来更改使用的样式。因此，当您启动该块时，您定义oddOrEven为 0，然后回显一行，然后设置oddOrEven为 1。每次回显一行时，它都会根据oddOrEven.