-3

クラス「fose_table_row」の最後の行の最後のセルにスタイルを適用する必要があります。次はテーブル

<table class="fose_table">
    <tr>
        <th>1</th>
        <th>2</th>
    </tr>
    <tr class="fose_table_row">
        <td>3</td>
        <td>4</td>
    </tr>
    <tr class="fose_edit_row">
        <td colspan="4">56</td>
    </tr>
    <tr class="fose_table_row">
        <td>7</td>
        <td>8</td>
    </tr>
    <tr class="fose_edit_row">
        <td colspan="4">90</td>
    </tr>
</table>

クラスの行fose_edit_rowは目に見える行ではないので、最後にfose_table_rowスタイルを設定する必要があります。試し.fose_table .fose_table_row:last-child td:last-childてみ.fose_table tr.fose_table_row:last-child td:last-childましたが、うまくいかないようです。最後またはクラスfose_edit_rowのスタイルが設定されます。これを行う正しい方法は何ですか？そして、それは可能ですか？

4

2 に答える 2

2

W3C:last-child

:last-child 擬似クラスは、他の要素の最後の子である要素を表します。

:last-child親の最後の要素を取得し、クラスがある場合はスタイルを適用します.fose_table_row。したがって、CSS では問題を解決できません。

考えられる jQuery ソリューション:

$('table.fose_table').find('tr.fose_table_row').eq(-1).addClass('extra-style');

デモ

于 2013-06-30T14:28:38.943 に答える