الفرق بين المراجعتين لصفحة: «Sass/selector nest»

مراجعة 17:42، 21 أبريل 2018

تعيد الدالة 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

انظر أيضًا

الدالة selector_append()‎: تضيف المحددات إلى بعضها بعضًا دون مسافات بينها.
الدالة selector_extend()‎: توسّع المحدد.
الدالة selector_unify()‎: تُوحّد محددَيْن.

مصادر

قسم الدالة selector_nest في صفحة الدوال في توثيق Sass الرسمي.

@@ سطر 16: / سطر 16: @@
 == القيم المعادة ==
 قائمة من قوائم السلاسل النصية التي تمثل نتيجة تشعيب المحددات <code>‎$selectors</code>. وتكون بنفس التنسيق الذي يكون لمحدّد تعيده <code>&</code>.
+== أمثلة ==
+مثال عن استخدام الدالة <code>selector_nest()‎</code>:<syntaxhighlight>
+selector-nest(".foo", ".bar", ".baz") => .foo .bar .baz
+selector-nest(".a .foo", ".b .bar") => .a .foo .b .bar
+selector-nest(".foo", "&.bar") => .foo.bar
+</syntaxhighlight>
 == انظر أيضًا ==
 * الدالة <code>[[Sass/selector append|selector_append()]]</code>‎: تضيف المحددات إلى بعضها بعضًا دون مسافات بينها.