الفرق بين المراجعتين لصفحة: «Sass/selector append»
< Sass
لا ملخص تعديل |
لا ملخص تعديل |
||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE: الدالة <code>()selector_append</code> في Sass}}</noinclude> | <noinclude>{{DISPLAYTITLE: الدالة <code>()selector_append</code> في Sass}}</noinclude> | ||
تعيد الدالة <code>selector_append()</code> محدّدًا جديدًا مع إضافة جميع المحددات الموجودة في <code>$selectors</code> إلى بعضها بعضًا كما لو كانت متشعّبة في ملف الأنماط هكذا <code>$selector1 { &$selector2 { | تعيد الدالة <code>selector_append()</code> محدّدًا جديدًا مع إضافة جميع المحددات الموجودة في <code>$selectors</code> إلى بعضها بعضًا كما لو كانت متشعّبة في ملف الأنماط هكذا <code>$selector1 { &$selector2 { ... } }</code>. | ||
== البنية العامة == | == البنية العامة == | ||
| سطر 10: | سطر 10: | ||
=== <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_append()</code>:<syntaxhighlight> | مثال عن استخدام الدالة <code>selector_append()</code>:<syntaxhighlight lang="sass"> | ||
selector-append(".foo", ".bar", ".baz") | selector-append(".foo", ".bar", ".baz") // .foo.bar.baz | ||
selector-append(".a .foo", ".b .bar") | selector-append(".a .foo", ".b .bar") // "a .foo.b .bar" | ||
selector-append(".foo", "-suffix") | selector-append(".foo", "-suffix") // ".foo-suffix" | ||
</syntaxhighlight> | </syntaxhighlight> | ||
== انظر أيضًا == | == انظر أيضًا == | ||
مراجعة 03:27، 22 أبريل 2018
تعيد الدالة selector_append() محدّدًا جديدًا مع إضافة جميع المحددات الموجودة في $selectors إلى بعضها بعضًا كما لو كانت متشعّبة في ملف الأنماط هكذا $selector1 { &$selector2 { ... } }.
البنية العامة
selector_append($selectors...)
المعاملات
$selectors
المحددات التي ستُضاف إلى بعضها البعض. يجب أن يُمرّر مُحدّد واحد على الأقل. يمكن أن تكون كل واحدة منها عبارة عن سلسلة نصية أو قائمة من السلاسل النصية أو قائمة من قوائم السلاسل النصية كما تُعاد من قبل &.
القيم المعادة
قائمة من قوائم السلاسل النصية التي تمثل نتيجة إضافة المحددات $selectors. وتكون بنفس التنسيق الذي يكون لمحدّدٍ تعيده &.
أمثلة
مثال عن استخدام الدالة selector_append():
selector-append(".foo", ".bar", ".baz") // .foo.bar.baz
selector-append(".a .foo", ".b .bar") // "a .foo.b .bar"
selector-append(".foo", "-suffix") // ".foo-suffix"
انظر أيضًا
- الدالة
selector_nest(): تضيف محدّدًا جديدًا مُتشعّبًا. - الدالة
selector_extend(): توسّع المحدد. - الدالة
selector_unify(): تُوحّد محددَيْن.