cols, colgroups и css: hover psuedoclass

Я пытаюсь создать таблицу для отображения ИМТ человека.

Как часть этого, я хотел бы, на: hover, для<tr> а также <col> (или же<colgroup>) также будет выделено, чтобы пересечение было более заметным.

Поскольку таблица будет содержать как метрические, так и имперские измерения, указатель: hover не должен останавливаться на ячейке (с любого направления) и, фактически, будет бонусом, если он простирается от одной оси к другой. Я также использую XHTML 1.1 Strict doctype, если это имеет значение?

Итак ... пример (реальная таблица ... больше), но это должно быть представительным:

<script>

tr:hover {background-color: #ffa; }

colgroup:hover,
col:hover {background-color: #ffa; }

</script>

...

<table>
    <col class="weight"></col><colgroup span="3"><col class="bmi"></col></colgroup>

    <tr>
        <th></th>
        <th>50kg</th>
        <th>55kg</th>
        <th>60kg</th>
    </tr>

    <tr>
        <td>160cm</td>
        <td>20</td>
        <td>21</td>
        <td>23</td>
    </tr>

    <tr>
        <td>165cm</td>
        <td>18</td>
        <td>20</td>
        <td>22</td>
    </tr>

    <tr>
        <td>170cm</td>
        <td>17</td>
        <td>19</td>
        <td>21</td>
    </tr>

</table>

Я спрашиваю о невозможном, мне нужно идти в JQuery-подопечные?

Ответы на вопрос(5)

Ваш ответ на вопрос