الفرق بين المراجعتين لصفحة: «Sass/selector nest»
< Sass
لا ملخص تعديل |
جميل-بيلوني (نقاش | مساهمات) ط مراجعة الصفحة وتدقيقها. |
||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE: الدالة <code>()selector_nest</code> في Sass}}</noinclude> | <noinclude>{{DISPLAYTITLE: الدالة <code>()selector_nest</code> في Sass}}</noinclude> | ||
تعيد الدالة <code>selector_nest()</code> | تعيد الدالة <code>selector_nest()</code> محدِّدًا جديدًا مع تشعيب جميع المحدِّدات الموجودة في المعامل <code>$selectors</code> في بعضها بعضًا كما لو كانت متشعّبة في ملف الأنماط بالشكل <code><nowiki>$selector1 {$selector2 {...}}</nowiki></code>. | ||
تسمح الدالة <code>selector_nest()</code>، على عكس معظم دوال المحدِّدات، باستخدام المُحدّد الأب <code>[[Sass/SassScript#.D8.A7.D9.84.D8.B1.D9.85.D8.B2 .26 .D9.81.D9.8A SassScript|&]]</code> في أي مُحدِّد ممرَّر باستثناء المحدِّد الأول. | |||
== البنية العامة == | == البنية العامة == | ||
| سطر 12: | سطر 12: | ||
=== <code>$selectors</code> === | === <code>$selectors</code> === | ||
المحدِّدات المراد تشعيبها، ويجب أن يُمرّر محدَّد واحد على الأقل. يمكن أن يكون كل واحد منهم عبارة عن سلسلة نصيّة، أو قائمة من سلاسل نصية، أو قائمة من قوائم من سلاسل نصيَّة كما تُعاد باستعمال الرمز <code>[[Sass/SassScript#.D8.A7.D9.84.D8.B1.D9.85.D8.B2 .26 .D9.81.D9.8A SassScript|&]]</code>. | |||
== القيم المعادة == | == القيم المعادة == | ||
قائمة من قوائم | تُعاد قائمة من قوائم من سلاسل نصيَّة التي تمثل نتيجة تشعيب المحدِّدات <code>$selectors</code>. ويكون تنسيقها بنفس تنسيق المحدّد المُعاد باستعمال الرمز <code>[[Sass/SassScript#.D8.A7.D9.84.D8.B1.D9.85.D8.B2 .26 .D9.81.D9.8A SassScript|&]]</code>. | ||
== أمثلة == | == أمثلة == | ||
| سطر 25: | سطر 25: | ||
== انظر أيضًا == | == انظر أيضًا == | ||
* الدالة <code>[[Sass/selector append|selector_append()]]</code>: تضيف | * الدالة <code>[[Sass/selector append|selector_append()]]</code>: تضيف المحدِّدات إلى بعضها بعضًا دون مسافات بينها. | ||
* الدالة <code>[[Sass/selector extend|selector_extend()]]</code>: توسّع | * الدالة <code>[[Sass/selector extend|selector_extend()]]</code>: توسّع محددًا معيَّنًا. | ||
* الدالة <code>[[Sass/selector unify|selector_unify()]]</code>: | * الدالة <code>[[Sass/selector unify|selector_unify()]]</code>: توحِّد محدَّدين. | ||
* الدالة <code>[[Sass/is superselector|is_superselector()]]</code>: تحدِّد ما إذا كان المحدّد فائقًا. | |||
== مصادر == | == مصادر == | ||
مراجعة 14:12، 12 مايو 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(): توحِّد محدَّدين. - الدالة
is_superselector(): تحدِّد ما إذا كان المحدّد فائقًا.