title: conditional formatting on HTML table
body: <p>I have a HTML table 
   </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table border="1"&gt;
    &lt;tr bgcolor="#6699FF"&gt;
      &lt;th&gt;Name&lt;/th&gt;
      &lt;th&gt;DOJ&lt;/th&gt;
      &lt;th&gt;BAU&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;XXX&lt;/td&gt;
      &lt;&lt;td&gt;2015-06-03&lt;/td&gt;
        &lt;td&gt;1&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;YYY&lt;/td&gt;
      &lt;&lt;td&gt;2015-05-03&lt;/td&gt;
        &lt;td&gt;2&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;ZZZ&lt;/td&gt;
      &lt;&lt;td&gt;2015-04-03&lt;/td&gt;
        &lt;td&gt;3&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>` My requirement is if BAU (3rd column) is 1, then the corresponding DOJ (2nd column) cell will be in green color and so on. Im generating this report in linux. Is there any way to do this using CSS and HTML only. If not what is the other way?? Thanks in advance!</p>