0

まず、マークアップを制御することはできません。これをスタイリングしているだけです。

一連の行を持つテーブルがあり、一部の行には連続した順序でクラスがあります。シリーズの最初の要素を選択できましたが、最後の要素を選択できません。

何か案は？

以下に例を示します。

<table>
    <tr class="parent">
        <td></td>
    </tr>
    <tr class="parent">
        <td></td>
    </tr>
    <tr class="child">
        <td></td>
    </tr>
    <tr class="child">
        <td></td>
    </tr>
    <tr class="parent">
        <td></td>
    </tr>
    <tr class="child">
        <td></td>
    </tr>
    <tr class="child">
        <td></td>
    </tr>
    <tr class="child">
        <td></td>
    </tr>
    <tr class="parent">
        <td></td>
    </tr>
</table>

各子シリーズの最初の要素を選択するための css は次のとおりです。

table tr.parent + tr.child

jQueryが使えない!!!! これは純粋な CSS でなければなりません。

4

2 に答える 2

1

ブラウザーがサポートしている場合は、CSS 3 セレクターを使用できます ( http://caniuse.com/#feat=css-sel3を参照) 。

W3C docs に従って、次のようなものを使用できます。

tr.parent:last-of-type
于 2013-02-04T21:17:09.670 に答える
1

:last-child セレクターを使用します。例：

table tr:last-child

これにより、親の最後の要素であるすべての tr が選択されます。trこの場合、テーブルの最後です。詳細: https://developer.mozilla.org/en-US/docs/CSS/:last-child

これ+は隣接する子セレクターであり、あなたの例では、その直前に兄弟としtr.parentているものを選択します。tr.parent詳細: https://developer.mozilla.org/en-US/docs/CSS/Adjacent_sibling_selectors

于 2013-02-04T21:17:35.457 に答える