私は:last-of-type
をそのような要素に適用しています。最終的なdiv.info
(それは各記事の下の情報です)をhttp://www.elemovements.comに確認してください。それはなぜ機能しないのですか?:last-of-type疑似クラスが期待通りに動作しない
答えて
のクラスを持っていません。彼らはあなたのクラスセレクタまたは他のセレクタによってフィルタリングしません。
したがって、あなたの文:
私ははっきりなどである要素に
:last-of-type
を適用しています。最終チェックアウトdiv.info
矛盾しています。その後、div.center
があり、は、ではなく、div
の最後のになります。
You cannot currently use CSS selectors to find your last div.info
;余分なクラスを追加するか、JavaScriptを使用する必要があります。
div.info:last-of-type
div:last-of-type.info
:last-of-type
がdiv
、ない.info
に当たっている、と.info
は0
に見出された結果を制限されます。この2
あなたは、CSSに関する最も一般的な誤解の1つを持っています。 CSSは左から右に読み取られませんが、右から左に読み取られます。
意味、ブラウザがdiv.info:last-of-type
を探しますので、ブラウザは次の順序で要素をフィルタします:それぞれのタイプ(タグ名)
- 最後の要素は
info
- のクラスである持っていますa
div
。
あなたの要素は、この順番でこれらの条件を満たしていません。これは、情報のクラスで最後のdivかもしれないが、何の最後の要素は、擬似クラスの:nth-of-type()
家族だけで、そのタグ名である要素のタイプ、見info
私は右から左への並べ替えがこのように適用されるとは思っていません(CSS4セレクタは@Zetaを混乱させません)。 - [this](http://stackoverflow.com/a/10108700/106224)と[ this](http://stackoverflow.com/a/5813672/106224)、特に最後の段落では、いくつかの単純なセレクタが特別に扱われ、すべてが厳密に右から左に行くわけではないことが明確になっています。 – BoltClock
@ BoltClock'aaUnicorn:注目。私は誰かに '$($);'を使うことを誰にも言わせる前に今日はログオフする時が来たと思う... – Zeta
@ BoltClock'saUnicorn:それはまさにそれがどういうものなのか。あなたが私に与えた答えは私の答えを承認するだけです。擬似要素が最初に読み取られ、要素のリストが絞り込まれて大幅にスキャンされます。それはパフォーマンスのために行われます。 –
は同じです。
もう一つの例:
.section.section-test:last-of-type
が実際のように動作します:.section:last-of-type.section-test
- 1. 疑似クラスが動作しない
- 2. 衝突と動作が期待通りに動作しない
- 3. オートコンプリートfocusoutが期待通りに動作しないとテキストフィールドに
- 4. スケーラで期待通りにスレッドが動作しない
- 5. PHP 'addslashes'が期待通りに動作しない
- 6. orderByが期待通りに動作しない:Angularjs
- 7. JQuery Mobile `showPageLoadingMsg`が期待通りに動作しない
- 8. InetGetが期待通りに動作しない
- 9. TranslateAnimationが期待通りに動作しない
- 10. カスタムUIGestureRecognizerが期待通りに動作しない
- 11. Xcode arc4random()が期待通りに動作しない
- 12. PHP "random include"コードが期待通りに動作しない
- 13. スカラマップメソッドが期待通りに動作しない
- 14. Python .sort()が期待通りに動作しない
- 15. シリアルポート受信スレッドが期待通りに動作しない - C++
- 16. Java endsWith()が期待通りに動作しない
- 17. IEnumerable.OfType()が期待通りに動作しない
- 18. Backbone.js Onトリガコールバックバインディングが期待通りに動作しない
- 19. webdriver firefoxprofileユーザエージェントが期待通りに動作しない
- 20. AVR USARTが期待通りに動作しない
- 21. ng-switchが期待通りに動作しない
- 22. get {}が期待通りに動作しない
- 23. Autowiring Mapが期待通りに動作しない
- 24. SWTbotテストが期待通りに動作しない
- 25. Pythonのpexpectが期待通りに動作しない
- 26. PHPのヘッダが期待通りに動作しない
- 27. TiledSpriteが期待通りに動作しない
- 28. Spring Cloudサイドカーが期待通りに動作しない
- 29. PHP複数のテーブルが期待通りに動作しない
- 30. pic 16f84aタイマー/カウントコードが期待通りに動作しない
は対照的に、「このサイトにアクセスし、それを把握する」好奇心から –
を言うにコードを記入してください、なぜそこにありますそのページの 'head'の' div'要素..? –
質問に関連するコードを投稿してください。理想的には**さらに**質問本体自体のコードに、問題の[jsFiddle](http://jsfiddle.net/api/post/jquery/1.7.1/)の例を追加してください。それは私たちがあなたを助けるのに役立ちます。 –