相关疑难解决方法(0)

cols,colgroups和css:悬停psuedoclass

我正在尝试创建一个表来显示个人的BMI.

作为其中的一部分,我想,on:hover,for <tr> <col>(或<colgroup>)也要突出显示,以便交叉更加明显.

由于该表将同时包含公制和英制测量,因此:悬停不必停在单元格(从任何方向),并且如果它从一个轴延伸到另一个轴,实际上将是奖励.我也使用XHTML 1.1 Strict doctype,如果这有所不同?

所以...一个例子(真正的桌子......更大),但这应该具有代表性:

<script>

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

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

</script>
Run Code Online (Sandbox Code Playgroud)

...

<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>
Run Code Online (Sandbox Code Playgroud)

我问不可能,我需要去JQuery病房吗?

css xhtml html-table col

32
推荐指数
2
解决办法
1万
查看次数

标签 统计

col ×1

css ×1

html-table ×1

xhtml ×1