:last-of-type
本来あるべき要素に適用しています。http://www.elemovements.comで最終版div.info
(各記事の一番下の情報) を確認してください。なぜ機能しないのですか?
質問する
5494 次
3 に答える
14
:nth-of-type()
疑似クラスのファミリーは、要素のタイプ、つまりそのタグ名のみを調べます。これらは、クラス セレクターやその他のセレクターによってフィルター処理されません。
したがって、あなたの声明:
私
:last-of-type
は明らかにそのような要素に適用しています。ファイナルをチェックdiv.info
矛盾しています。div.center
その後にがあり、あなたのdiv
ではなく、最後のになりますdiv.info
。
div.info
現在、CSS セレクターを使用して最後の;を見つけることはできません。クラスを追加したり、JavaScript を使用したりする必要があります。
于 2012-04-20T21:13:40.883 に答える
2
あなたはCSSについて最も一般的な誤解の1つを抱えています。CSSは左から右ではなく、右から左に読み取られます。
つまり、ブラウザはを検索するためdiv.info:last-of-type
、ブラウザは次の順序で要素をフィルタリングします。
- 各タイプの最後の要素(タグ名)
- のクラスがあります
info
- です
div
。
あなたの要素はこの順序でこれらの条件を満たしていません。これは、情報のクラスを持つ最後のdivである可能性がありますが、最後の要素には次のクラスがありません。info
于 2012-04-20T21:08:18.800 に答える