我正在尝试创建一个表格来显示个人的 BMI。
作为其中的一部分,我希望 on :hover
,<tr>
和 <col>
(or <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-wards 吗?