الفرق بين المراجعتين لصفحة: «Sass/selector append»
< Sass
لا ملخص تعديل |
ط استبدال النص - 'توثيق Sass الرسمي.]' ب'توثيق Sass الرسمي].' |
||
(5 مراجعات متوسطة بواسطة 3 مستخدمين غير معروضة) | |||
سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE: الدالة <code>()selector_append</code> في Sass}}</noinclude> | <noinclude>{{DISPLAYTITLE: الدالة <code>()selector_append</code> في Sass}}</noinclude> | ||
تعيد الدالة <code>selector_append()</code> محدّدًا جديدًا مع إضافة جميع | تعيد الدالة <code>selector_append()</code> محدّدًا جديدًا مع إضافة جميع المحدِّدات الموجودة في المعامل <code>$selectors</code> إلى بعضها بعضًا كما لو كانت متشعّبة في ملف الأنماط مثل <code>$selector1 { &$selector2 { ... } }</code>. | ||
== البنية العامة == | == البنية العامة == | ||
سطر 10: | سطر 10: | ||
=== <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>. | ||
== أمثلة == | |||
أمثلة نموذجية عن استخدام الدالة <code>selector_append()</code>:<syntaxhighlight lang="sass"> | |||
selector_append(".foo", ".bar", ".baz"); // .foo.bar.baz | |||
selector_append(".a .foo", ".b .bar"); // a .foo.b .bar | |||
selector_append(".foo", "-suffix"); // .foo-suffix | |||
</syntaxhighlight> | |||
== انظر أيضًا == | == انظر أيضًا == | ||
* الدالة <code>[[Sass/selector nest|selector_nest()]]</code>: تضيف محدّدًا جديدًا مُتشعّبًا. | * الدالة <code>[[Sass/selector nest|selector_nest()]]</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>: تُوحّد محدِّدين. | ||
== مصادر == | == مصادر == | ||
* [https://sass-lang.com/documentation/Sass/Script/Functions.html#selector_append-instance_method قسم الدالة selector_append في صفحة الدوال في توثيق Sass الرسمي. | * [https://sass-lang.com/documentation/Sass/Script/Functions.html#selector_append-instance_method قسم الدالة selector_append في صفحة الدوال في توثيق Sass الرسمي]. | ||
[[تصنيف:Sass]] | [[تصنيف:Sass|{{SUBPAGENAME}}]] | ||
[[تصنيف: Sass Function]] | [[تصنيف: Sass Function|{{SUBPAGENAME}}]] |
المراجعة الحالية بتاريخ 07:01، 20 مايو 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()
: تُوحّد محدِّدين.