css - マウスオーバー時にのみボタンを一列に表示する方法は?

Question

最後の列の行に表示される閉じるボタンを表示したい (その行にマウスを置いている間) 閉じるボタンを常に表示するのではなく、マウスオーバーだけにしたい。

誰かが大歓迎される例を持っていれば。

Answer 1

これは非常に単純な例です

CSS

table a{
    display: none;
}
table tr:hover a{
    display: inline;
}

とhtml

<table>
    <tr>
        <td>12</td>
        <td>asdasd</td>
        <td><a href="">Close</a></td>
    </tr>
    <tr>
        <td>12</td>
        <td>asdasd</td>
        <td><a href="">Close</a></td>
    </tr>
    <tr>
        <td>12</td>
        <td>asdasd</td>
        <td><a href="">Close</a></td>
    </tr>
    <tr>
        <td>12</td>
        <td>asdasd</td>
        <td><a href="">Close</a></td>
    </tr>
    <tr>
        <td>12</td>
        <td>asdasd</td>
        <td><a href="">Close</a></td>
    </tr>
    <tr>
        <td>12</td>
        <td>asdasd</td>
        <td><a href="">Close</a></td>
    </tr>
</table>