1

次の「：first-of-type」は機能しますが、「：last-of-type」は機能しません。

<div class="wrapper">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="shadow"></div>
</div>

.wrapper .item:first-of-type {
    background-color: blue;
}
.wrapper .item:last-of-type {
    background-color: red;
}

jQueryを介して要素の数を数えた場合でも、次の結果が得られます。

$('.wrapper .item').size(); // equals 3
$('.wrapper .item:first-of-type').size(); // equals 1
$('.wrapper .item:last-of-type').size(); // equals 0

前もって感謝します。

4

3 に答える 3

2

どちらも私にとっては問題なく動作しますが、jQueryはとをサポートしていないfirst-of-typeことに注意してくださいlast-of-type。

querySelectorAllそれらをサポートしているので、それらはまったく機能しません。そのため、サポートしていないブラウザは機能しなくqSAなります。

ちなみに、クラスを指定しただけでも、要素タイプ0を考慮した結果が得られます。first/last-of-type私のテストは少し異なっていました。

于 2011-12-23T19:55:40.440 に答える
1

jQueryはサポートしていません--http :last-of-type：//selectivizr.com/-ライブラリ比較表を見てください。このプラグインを参考にしてください-https://github.com/keithclark/JQuery-Extended-Selectors

于 2011-12-23T19:55:18.077 に答える
1

first()使ってみませんlast()か？前者は一致したセットの最初の要素を選択し、後者は最後の要素を選択します。

:firstとに関するバグレポートは次のとおりです:last-of-type。

于 2011-12-23T19:55:29.853 に答える