2

:last-of-type本来あるべき要素に適用しています。http://www.elemovements.comで最終版div.info(各記事の一番下の情報) を確認してください。なぜ機能しないのですか?

4

3 に答える 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、ブラウザは次の順序で要素をフィルタリングします。

  1. 各タイプの最後の要素(タグ名)
  2. のクラスがありますinfo
  3. ですdiv

あなたの要素はこの順序でこれらの条件を満たしていません。これは、情報のクラスを持つ最後のdivである可能性がありますが、最後の要素には次のクラスがありません。info

于 2012-04-20T21:08:18.800 に答える