таблицы, группирование столбцов

[netcher]

По идее текст в первой таблице, первом столбце должен отображаться красным цветом, а во второй таблице, первом столбце зелёным. Но при создании страницы весь текст отображается черным цветом. Подскажите, что не так написано?

<table border="1">
<colgroup span="1" style="color:red"></colgroup>
<colgroup span="2">
 <tr>
   <th>Товар</th>
  <th>Цена</th>
   <th>Кол-во</th>
 </tr>
  <tr>
  <th>Гайка</th>
   <td>20р</td>
  <td>50</td>
  </tr>
 <tr>
   <th>Болт</th>
  <td>30р</td> 
  <td>80</td>
 </tr>
 </table>
<br>
 <table border="1">
<col span="1" style="color:green">
<col span="2" style="color:red">
 <tr>
   <th>Товар</th>
   <th>Цена</th>
   <th>Кол-во</th>
 </tr>
  <tr>
  <th>Гайка</th>
  <td>20р</td>
  <td>50</td>
  </tr>
 <tr>
   <th>Болт</th>
  <td>30р</td>
   <td>80</td>
 </tr>
 </table>

[wall66]

стили тегов colgroup и col не относятся к ячейкам, за которые они отвечают, они применяются исключительно для указания выравнивания и ширины ячеек

синтаксис css относит стили родительских элементов к дочерним только если они находятся внутри них в структуре DOM