CSS নেস্টিং-এর জন্য সিনট্যাক্স বেছে নিতে সাহায্য করার জন্য আমরা পূর্ববর্তী সমীক্ষা চালানোর পরে, CSS ওয়ার্কিং গ্রুপ CSS-এ নেস্টিং সংজ্ঞায়িত করার সর্বোত্তম উপায় নিয়ে বিতর্ক অব্যাহত রেখেছে। আলোচনার সময় নতুন সিনট্যাক্স ধারনা প্রস্তাব করা হয়েছিল। ওয়ার্কিং গ্রুপকে এই সিনট্যাক্সগুলির মধ্যে যেকোনো একটি বেছে নিতে সাহায্য করার জন্য, একটি নতুন সমীক্ষা রয়েছে।
বিকল্প
পূর্ববর্তী সমীক্ষার ফলাফলের উপর ভিত্তি করে, বিকল্প এক এবং দুইটি আর বিবেচনা করা হচ্ছে না। দুটি নতুন বিকল্প (চার এবং পাঁচ) যোগ করা হয়েছে।
বিকল্প 5: শীর্ষ-স্তরের নেস্টিং ধারক
একটি শীর্ষ-স্তরের @nest নিয়ম প্রবর্তন করে যেটিতে ঘোষণা এবং একাধিক নেস্টেড শৈলী নিয়ম সহ একটি & { … } ব্লক রয়েছে।
@nest selector {
& {
property: value;
}
nested-selector {
property: value;
}
}
বিকল্প 4: পোস্টফিক্স প্রস্তাব
নেস্টেড নিয়ম সমন্বিত একটি অতিরিক্ত কোড ব্লক প্রধান নিয়মের পরে ঢোকানো হয় যা ঘোষণা ধারণ করে।
selector {
property: value;
} {
nested-selector {
property: value;
}
}
বিকল্প 3: অ-অক্ষর শুরু প্রস্তাব
প্রতিটি নেস্টেড নিয়ম নিজে থেকেই দ্ব্যর্থহীন হতে হবে, এটি একটি অ-প্রতীক দিয়ে শুরু করতে হবে। আপনি লিখতে পারেন & div বা :is(div) যদি আপনি একটি টাইপ নির্বাচক দিয়ে একটি নির্বাচক শুরু করতে চান।
selector {
property: value;
& nested-selector {
property: value;
}
}
যদিও উপরের স্নিপেটগুলি শুধুমাত্র প্রতিটি প্রস্তাবের মূল বিষয়গুলি প্রদর্শনের জন্য ব্যবহার করা হয়, নতুন সমীক্ষার সাথে আরও অনেক উদাহরণ অন্তর্ভুক্ত রয়েছে৷
আপনার ভোট দিন
আপনার ভোট দিতে https://webkit.org/blog/13607/ এ যান। ভোটের জন্য কোন নিবন্ধনের প্রয়োজন নেই, "বিকল্প 5", "বিকল্প 4", বা "বিকল্প 3" নির্বাচন করুন এবং জমা দিন টিপুন।