In the CSS, I have\[code\]table { max-width:100%; background-color:transparent; border-collapse:collapse; border-spacing:0}\[/code\]In HTML, I have\[code\]<table class="table"> <tr> <td> <img width="90px" src="http://stackoverflow.com/questions/14539922/logo.png"> </td> <td> <div class="page-header">Header <td> </tr></table>\[/code\]How do I change the background color of the second \[code\]<td>\[/code\] without changing the other table's \[code\]<td>\[/code\] in CSS file?Mind you, I'm using Bootstrap as my base CSS. And it's kinda complicated when it comes to modifying the code.