الفرق بين المراجعتين ل"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>$selectors</code> في بعضها البعض كما لو كانت متشعّبة في ملف الأنماط هكذا <code><nowiki>$selector1 {$selector2 { | + | تعيد الدالة <code>selector_nest()</code> محدّدًا جديدًا مع تشعيب جميع المحددات الموجودة في <code>$selectors</code> في بعضها البعض كما لو كانت متشعّبة في ملف الأنماط هكذا <code><nowiki>$selector1 {$selector2 {...}}</nowiki></code>. |
| − | على عكس معظم دوال المحددات ، فإن الدالة <code>selector_nest()</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>&</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>&</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>selector_nest()</code>:<syntaxhighlight> | + | مثال عن استخدام الدالة <code>selector_nest()</code>:<syntaxhighlight lang="sass"> |
| − | selector-nest(".foo", ".bar", ".baz") | + | selector-nest(".foo", ".bar", ".baz") // .foo .bar .baz |
| − | selector-nest(".a .foo", ".b .bar") | + | selector-nest(".a .foo", ".b .bar") // .a .foo .b .bar |
| − | selector-nest(".foo", "&.bar") | + | selector-nest(".foo", "&.bar") // .foo.bar |
</syntaxhighlight> | </syntaxhighlight> | ||
مراجعة 03:29، 22 أبريل 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(): تُوحّد محددَيْن.