Demonstration of <COL> CSS2 bug
CSS2 declaration:
<style type="text/css"><!--
col.grey{background-color:#CCCCCC;}
col.pink:hover{background-color:#FF99CC;}
--></style>
HTML code:
<table cellspacing="10" cellpadding="10" border="1">
<colgroup>
<col />
<col class="grey" />
<col class="pink" />
</colgroup>
<tr>
<td>Column #1</td>
<td>Column #2. This column is <strong>grey</strong></td>
<td>Column #3. This column must be <strong>pink</strong> when mouse is over</td>
</tr>
<tr>
<td>Column #1</td>
<td>Column #2. This column is <strong>grey</strong></td>
<td>Column #3. This column must be <strong>pink</strong> when mouse is over</td>
</tr>
</table>
Implementation:
Column #1 |
Column #2. This column is grey |
Column #3. This column must be pink when mouse is over |
Column #1 |
Column #2. This column is grey |
Column #3. This column must be pink when mouse is over |