CodePen

HTML

            
              <table cellspacing="0" cellpadding="5" border="1">
    <tr>
        <td>Label 1</td>
        <td>Content 1</td>
        <td>Label 2</td>
        <td>Content 2</td>
    </tr>
      <tr>
        <td>Label 3</td>
        <td>Content 3</td>
        <td>Label 4</td>
        <td>Content 4</td>
    </tr>
</table>


            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              td {
  border:solid 1px #000;
  background:#c0c0c0;
}

td:first-child:hover {
  background:green;
  color:#fff;
}

td:first-child:hover + td{
  background:green;
  color:#fff;
}

td:nth-child(3):hover {
  background:red;
  color:#fff;
}

td:nth-child(3):hover + td{
  background:red;
  color:#fff;
}

            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................