الدالة ()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

انظر أيضًا

مصادر