css - Blend background colors as they're set -

Text after "itemprop =" text ">

Everyone likes is odd and there is a slightly different background to improve the orientation of rows even in the table when:

But occasionally, the columns Also need to highlight:

Can I do a trick for those two settings automatically mixing? You know, I can set up two colors for each class manually:

  tr: nth-child (odd) td {background-color: #CFDCFF; } Tr: nth-child (even) td {background-color: # E2E4E4; } Tr: nth-child (weird) td.result {background-color: # ??????; } Tr: nth-child (even) td.result {background-color: # ??????; }   
 But the automation code will be more readable.   
  itemprop = "text"> 
 after I browsed browsers (Chrome, Safari, Firefox), brown and blue colors for rows It was possible to apply the background, and then to overlay a slightly transparent yellow and green background on the table cells. It looked terrible though:  
  
 
 < Preclass = "snippet-code-css lang-css toppint-override">  tr: nth-child (strange) {background color: # CFDCFF; } Tr: nth-child (even) {background color: # E2E4E4; } Tr> : No (: first-child): no (: last-child) {background: RGBA (255, 255, 0, .15); } Tr> : The last child (background: RGBA (0, 255, 0, .15);} Table {boundary-difference: 0;} th, TD {padding: .25 AM}}   
  & lt; Table & gt; & lt; tr & gt; & lt; th & gt; # & lt; th & gt; & lt; Th & gt; b & gt; c & gt; c & lt; th & gt; d & lt; ve & gt; e & lt; th & gt; f & lt; min & gt; result & lt; t of result >  0>  0  0  0  <0>  TD> 0 & lt; td> 0  0 <-TR>  1>  0  0  0  0  0  2 & lt; td & gt; 0  0  ; 0 & lt; TD & gt; 0  1  0  1 << tr> & lt; th & gt; 3 & From LT; TD> 0 to  0 to  0 to  0 to  0 & lt; TD & gt; 0 & lt; Td> 1 & lt; TD & gt; 0 & lt; Td> 0 & lt; Td> 1