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

مراجعة 10:34، 22 أبريل 2018

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

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

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

simple_selectors($selector)

المعاملات

`‎$selector`

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

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

قائمة من المحددات البسيطة الموجودة في المحدد المركب.

أمثلة

مثال عن استخدام الدالة simple_selectors()‎:

simple-selectors(".foo.bar") // ".foo", ".bar"
simple-selectors(".foo.bar.baz") // ".foo", ".bar", ".baz"

انظر أيضًا

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

مصادر

قسم الدالة simple_selectors في صفحة الدوال في توثيق Sass الرسمي.

@@ سطر 1: / سطر 1: @@
 <noinclude>{{DISPLAYTITLE: الدالة <code>()simple_selectors</code> في Sass}}</noinclude>
-تعيد الدالة <code>simple_selectors()‎</code> محدّدًا جديدًا مع تشعيب جميع المحددات الموجودة في <code>‎$selectors</code>  في بعضها البعض كما لو كانت متشعّبة في ملف الأنماط هكذا ‎<code><nowiki>$selector1 {$selector2 {...}}</nowiki></code>‎.
+تعيد الدالة <code>simple_selectors()‎</code> ا[http://dev.w3.org/csswg/selectors4/#simple لمحدّدات البسيطة] التي يتركّب منها المحدّد المركّب <code>‎$selector.</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> في أي مُحدد ما عدا الأول.
+لاحظ أنّ <code>‎$selector</code>   ينبغي أن يكون [http://dev.w3.org/csswg/selectors4/#compound محددا مركبًا]. وهذا يعني أنه لا يمكن أن يحتوي على فواصل أو مسافات. ويعني ذلك أيضًا أنه بخلاف دوال المحددات الأخرى، فإن هذه الدالة لا تقبل سوى السلاسل النصية، وليس القوائم.
 == البنية العامة ==
 <syntaxhighlight lang="sass">
-simple_selectors($selectors...)
+simple_selectors($selector)
 </syntaxhighlight>
 == المعاملات ==
-=== <code>‎$selectors</code> ===
+=== <code>‎$selector</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>simple_selectors()‎</code>:<syntaxhighlight lang="sass">
-selector-nest(".foo", ".bar", ".baz") // .foo .bar .baz
+simple-selectors(".foo.bar") // ".foo", ".bar"
-selector-nest(".a .foo", ".b .bar") // .a .foo .b .bar
+simple-selectors(".foo.bar.baz") // ".foo", ".bar", ".baz"
-selector-nest(".foo", "&.bar") // .foo.bar
 </syntaxhighlight>
@@ سطر 28: / سطر 27: @@
 * الدالة <code>[[Sass/selector extend|selector_extend()]]</code>‎: توسّع المحدد.
 * الدالة <code>[[Sass/selector unify|selector_unify()]]</code>‎: تُوحّد محددَيْن.
+* الدالة <code>[[Sass/is superselector|is_superselector()]]</code>‎: تحدد ما إذا كان المحدّد فائقًا.
 == مصادر ==