الدالة ()selector_nest في Sass

من موسوعة حسوب

تعيد الدالة selector_nest()‎ محدّدًا جديدًا مع تشعيب جميع المحددات الموجودة في ‎$selectors في بعضها البعض كما لو كانت متشعّبة في ملف الأنماط هكذا ‎$selector1 {$selector2 {...}}‎.

على عكس معظم دوال المحددات ، فإن الدالة selector_nest()‎ تسمح باستخدام المُحدّد الأبوي & في أي مُحدد ما عدا الأول.

البنية العامة

selector_nest($selectors...)

المعاملات

‎$selectors

المحددات التي ستُشعّب. يجب أن يُمرّر محدد واحد على الأقل. يمكن أن تكون كل واحدة منها عبارة عن سلسلة نصية أو قائمة من السلاسل النصية أو قائمة من قوائم السلاسل النصية كما تمت إعادتها من قبل &.

القيم المعادة

قائمة من قوائم السلاسل النصية التي تمثل نتيجة تشعيب المحددات ‎$selectors. وتكون بنفس التنسيق الذي يكون لمحدّد تعيده &.

أمثلة

مثال عن استخدام الدالة selector_nest()‎:

selector-nest(".foo", ".bar", ".baz") // .foo .bar .baz
selector-nest(".a .foo", ".b .bar") // .a .foo .b .bar
selector-nest(".foo", "&.bar") // .foo.bar

انظر أيضًا

مصادر