1

<tr>マウスで行全体をロールオーバーすると、セルの1つに含まれるテキストを表示したいクラスがあります。可能であれば、これを CSS で行うことはできますか。また、表の行全体をロールオーバーして、セルの 1 つに以前に非表示にしたテキストを表示するにはどうすればよいですか。同じことがセルを含む他の行にも適用されます。セル内の独自の非表示のテキスト。これを達成するにはjQueryが必要かもしれないことは理解していますが、純粋なCSSだけで可能であれば、これが望ましいでしょう。

以下は、子フォーラムを示すフォーラム名のロールオーバーの例です: http://www.kanyetothe.com/forum/

4

1 に答える 1

0

cssで簡単に実現できます。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

<style>
    .hidden {
        display: none;
    }

    tr:hover .hidden {
        display: block;
    }
</style>

<table>
    <tr>
        <td>Row 1 Column 1</td>
        <td class="hidden">Row 1 Column 2</td>
        <td>Row 1 Column 3</td>
    </tr>
    <tr>
        <td>Row 2 Column 1</td>
        <td class="hidden">Row 2 Column 2</td>
        <td>Row 2 Column 3</td>
    </tr>

</table>

</body>
</html>
于 2013-09-16T15:09:03.420 に答える