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

من موسوعة حسوب
لا ملخص تعديل
ط استبدال النص - 'توثيق Sass الرسمي.]' ب'توثيق Sass الرسمي].'
 
(3 مراجعات متوسطة بواسطة مستخدمين اثنين آخرين غير معروضة)
سطر 1: سطر 1:
<noinclude>{{DISPLAYTITLE: الدالة <code>()simple_selectors</code> في Sass}}</noinclude>
<noinclude>{{DISPLAYTITLE: الدالة <code>()simple_selectors</code> في Sass}}</noinclude>
تعيد الدالة <code>simple_selectors()‎</code> ا[http://dev.w3.org/csswg/selectors4/#simple لمحدّدات البسيطة] التي يتركّب منها المحدّد المركّب <code>‎$selector.</code>
تعيد الدالة <code>simple_selectors()‎</code> ا[http://dev.w3.org/csswg/selectors4/#simple لمحدّدات البسيطة] التي يتركّب منها المحدّد المركّب المُمرَّر إليها.


لاحظ أنّ <code>‎$selector</code>   ينبغي أن يكون [http://dev.w3.org/csswg/selectors4/#compound محددا مركبًا]. وهذا يعني أنه لا يمكن أن يحتوي على فواصل أو مسافات. ويعني ذلك أيضًا أنه بخلاف دوال المحددات الأخرى، فإن هذه الدالة لا تقبل سوى السلاسل النصية، وليس القوائم.
لاحظ أنّ المحدِّد <code>‎$selector</code> المرَّر إلى الدالة ينبغي أن يكون [http://dev.w3.org/csswg/selectors4/#compound محدِّدًا مركَّبًا]. هذا يعني أنَّه لا يمكن أن يحتوي على فواصل أو مسافات، ويعني ذلك أيضًا أنَّ هذه الدالة لا تقبل سوى سلاسل نصيَّة وليس القوائم بخلاف دوال المحدَّدات الأخرى.


== البنية العامة ==
== البنية العامة ==
سطر 12: سطر 12:


=== <code>‎$selector</code> ===
=== <code>‎$selector</code> ===
المُحدد المُركب الذي ستستخرج المحددات البسيطة التي تركبه.
المُحدد المُركَّب المراد استخراج المحدَّدات البسيطة التي يتركَّب منها.


== القيم المعادة ==
== القيم المعادة ==
قائمة من المحددات البسيطة الموجودة في المحدد المركب.
تُعاد قائمة بالمحدِّدات البسيطة الموجودة في المحدِّد المركَّب <code>‎$selector</code>.


== أمثلة ==
== أمثلة ==
مثال عن استخدام الدالة <code>simple_selectors()‎</code>:<syntaxhighlight lang="sass">
أمثلة نموذجية عن استخدام الدالة <code>simple_selectors()‎</code>:<syntaxhighlight lang="sass">
simple-selectors(".foo.bar") // ".foo", ".bar"
@debug simple_selectors(".foo.bar"); // .foo, .bar
simple-selectors(".foo.bar.baz") // ".foo", ".bar", ".baz"
@debug simple_selectors(".foo.bar.baz"); // .foo, .bar, .baz
 
</syntaxhighlight>
</syntaxhighlight>


== انظر أيضًا ==
== انظر أيضًا ==
* الدالة <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>‎: تحدد ما إذا كان المحدّد فائقًا.
* الدالة <code>[[Sass/is superselector|is_superselector()]]</code>‎: تتحقَّق ما إذا كان المحدّد فائقًا.


== مصادر ==
== مصادر ==
* [https://sass-lang.com/documentation/Sass/Script/Functions.html#simple_selectors-instance_method قسم الدالة simple_selectors في صفحة الدوال في توثيق Sass الرسمي.]
* [https://sass-lang.com/documentation/Sass/Script/Functions.html#simple_selectors-instance_method قسم الدالة simple_selectors في صفحة الدوال في توثيق Sass الرسمي].
[[تصنيف:Sass]]
[[تصنيف:Sass|{{SUBPAGENAME}}]]
[[تصنيف: Sass Function]]
[[تصنيف: Sass Function|{{SUBPAGENAME}}]]

المراجعة الحالية بتاريخ 07:01، 20 مايو 2018

تعيد الدالة simple_selectors()‎ المحدّدات البسيطة التي يتركّب منها المحدّد المركّب المُمرَّر إليها.

لاحظ أنّ المحدِّد ‎$selector المرَّر إلى الدالة ينبغي أن يكون محدِّدًا مركَّبًا. هذا يعني أنَّه لا يمكن أن يحتوي على فواصل أو مسافات، ويعني ذلك أيضًا أنَّ هذه الدالة لا تقبل سوى سلاسل نصيَّة وليس القوائم بخلاف دوال المحدَّدات الأخرى.

البنية العامة

simple_selectors($selector)

المعاملات

‎$selector

المُحدد المُركَّب المراد استخراج المحدَّدات البسيطة التي يتركَّب منها.

القيم المعادة

تُعاد قائمة بالمحدِّدات البسيطة الموجودة في المحدِّد المركَّب ‎$selector.

أمثلة

أمثلة نموذجية عن استخدام الدالة simple_selectors()‎:

@debug simple_selectors(".foo.bar"); // .foo, .bar
@debug simple_selectors(".foo.bar.baz"); // .foo, .bar, .baz

انظر أيضًا

  • الدالة selector_append()‎: تضيف المحدِّدات إلى بعضها بعضًا دون مسافات بينها.
  • الدالة selector_extend()‎: توسّع محدِّدًا معينًا.
  • الدالة selector_unify()‎: تُوحّد محدِّدين.
  • الدالة is_superselector()‎: تتحقَّق ما إذا كان المحدّد فائقًا.

مصادر