3

テーブルの最初のh3要素の上のマージンを削除しようとしています（その真上にh2要素があると本当に奇妙に見えます）

最初のh3要素を選択することは可能ですか？

<table>
<tbody>
    <tr>
        <td>
            <h3>I want to select this</h3>
        </td>
    </tr>
    <tr>              
        <td>
            <h3>But not this</h3>
        </td>
    </tr>
</tbody>
</table>

私はこれを試しました：

table tbody tr td:first-child h3 {
    margin-top: 0em;
}

しかし、私は惨めに失敗しています

4

3 に答える 3

3

すべてがその：の最初で唯一の子であるため、代わりにアタッチする必要があり:first-childます。trtdtr

table tbody tr:first-child td h3 {
    margin-top: 0em;
}
于 2012-11-10T08:52:14.453 に答える
0 
table tbody tr td:first-child h3 {
    margin-top: 0em;
}

tdはどちらの場合も最初の子であり、trで使用するか、最初のh3にクラスを追加することをお勧めします。

于 2012-11-10T08:56:50.877 に答える
0

サポートしていないブラウザ:first-childの場合は、別の（逆の）方法でそれを行うことができます。次のアイテムに別のスタイルを指定するには、次のコマンドで隣接する兄弟を選択しtrます+。

table tbody tr td h3 {
    margin-top: 0em;
}

table tbody tr + tr td h3 {
    margin-top: 1em; /* any needed value for all following H3's */
}
于 2012-11-10T08:59:09.503 に答える