css - আমি কিভাবে শেষ সন্তানের বাদে একটি উপাদান সব শিশুদের নির্বাচন করতে পারেন?




css-selectors css3 (4)

আমি কিভাবে সিএসএস সিলেক্টর ব্যবহার করে শেষ সন্তানের সব নির্বাচন করব?

উদাহরণস্বরূপ, শুধুমাত্র শেষ সন্তানের জন্য div:nth-last-child(1)


এটাকে সহজ করো:

আপনি সমস্ত বিভাগে আপনার শৈলী প্রয়োগ করতে পারেন এবং শেষটি পুনরায় আরম্ভ করতে পারেন : শেষ-শিশু :

উদাহরণস্বরূপ সিএসএস :

.yourclass{
    border: 1px solid blue;
}
.yourclass:last-child{
    border: 0;
}

অথবা এসসিএসএসে :

.yourclass{
    border: 1px solid rgba(255, 255, 255, 1);
    &:last-child{
        border: 0;
    }
}
  • পড়া / মনে রাখা সহজ
  • দ্রুত চালানো
  • ব্রাউজার সামঞ্জস্যপূর্ণ (IE9 + এটি এখনও CSS3 এর পরে)

IE9 আসে যখন, এটা সহজ হবে। যদিও অনেক সময়, আপনি সমস্যার প্রয়োজন অনুসারে একটিকে পরিবর্তন করতে পারেন: প্রথম-শিশু এবং উপাদানটির বিপরীত দিক (আই 7 +)।



নিক ক্রেভার এর সমাধান কাজ করে কিন্তু আপনি এটি ব্যবহার করতে পারেন:

:nth-last-child(n+2) { /* Your code here */ }

সিএসএস ট্রিক্স এর ক্রিস কোয়ায়ার একটি চমৎকার করেছেন : এই জন্য nth tester।






css3