Question

hello i am working on the styling of table in PHP . I am stuck at only one point that i am not able to to change the colors of the rows of my table alternatively like odd rows should be displayed with white background and even with blue . i trie the followng css code but it didnot worked

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

Answer 1

If it is not because of your browser issue, please try this for css

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

OR

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