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

আপনি নীচের ছদ্ম-শ্রেণী :not() বিরুদ্ধে নেতিবাচক ব্যবহার করতে পারেন :last-child ছদ্ম-শ্রেণী । সিএসএস সিলেক্টর লেভেল 3 চালু করা হচ্ছে, এটি IE8 বা নীচে কাজ করে না:

:not(:last-child) { /* styles */ }

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

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

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