0

一般

table tr td
{
    vertical-align:middle;
}

カスタム

table.custom tr td
{
    vertical-align:top;
}

私がこのように使うとき：

<table class="custom">
    <tr>
        <td>
            <table>
                <tr>
                    <td>this text align top, but I want to align middle
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

サブテーブルはその親のように振る舞います。親要素のスタイルを無視するにはどうすればよいですか?

4

3 に答える 3

1

できることの 1 つは、次のように子セレクターを追加することです。

table.custom > tr > td { }

次に、直接の子のみがスタイルに一致します

于 2013-02-03T11:53:10.477 に答える
1

インジケーターを使用して、>直接の子要素のみをターゲットにすることができます

table.custom > tr > td
{
    vertical-align:top;
}

tableただし、 a内で aを使用することtableは、一般的には良い考えではないことに注意してください。注 2: これは IE6 では機能しません。

于 2013-02-03T11:53:21.343 に答える
1

table.custom tr tdあらゆるレベルの子供を選択します。次の DOM チェーンはすべて一致します

table.custom->tr->td
table.custom->tr->foo->td
table.custom->foo->tr->bar->td

CSS子セレクターを見てください>

于 2013-02-03T11:54:57.640 に答える