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-подопечные?