الفرق بين المراجعتين ل"Sass/selector parse"

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
(أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE: الدالة <code>()selector_parse</code> في Sass}}</noinclude> تعيد الدالة <code>selector_parse()‎</code> محدّدًا جد...')
 
سطر 1: سطر 1:
 
<noinclude>{{DISPLAYTITLE: الدالة <code>()selector_parse</code> في Sass}}</noinclude>
 
<noinclude>{{DISPLAYTITLE: الدالة <code>()selector_parse</code> في Sass}}</noinclude>
تعيد الدالة <code>selector_parse()‎</code> محدّدًا جديدًا مع تشعيب جميع المحددات الموجودة في <code>‎$selectors</code>  في بعضها البعض كما لو كانت متشعّبة في ملف الأنماط هكذا ‎<code><nowiki>$selector1 {$selector2 {...}}</nowiki></code>‎.
+
تُحلّل (Parses) الدالة <code>selector_parse()‎</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> تسمح باستخدام المُحدّد الأبوي <code>[[Sass/SassScript#.D8.A7.D9.84.D8.B1.D9.85.D8.B2 .26 .D9.81.D9.8A SassScript|&]]</code> في أي مُحدد ما عدا الأول.
 
  
 
== البنية العامة ==
 
== البنية العامة ==
 
<syntaxhighlight lang="sass">
 
<syntaxhighlight lang="sass">
selector_parse($selectors...)
+
selector_parse($selector)
 
</syntaxhighlight>
 
</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>[[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</code>. وتكون بنفس التنسيق الذي يكون لمحدّد تعيده <code>[[Sass/SassScript#.D8.A7.D9.84.D8.B1.D9.85.D8.B2 .26 .D9.81.D9.8A SassScript|&]]</code>.
  
 
== أمثلة ==
 
== أمثلة ==
 
مثال عن استخدام الدالة <code>selector_parse()‎</code>:<syntaxhighlight lang="sass">
 
مثال عن استخدام الدالة <code>selector_parse()‎</code>:<syntaxhighlight lang="sass">
selector-nest(".foo", ".bar", ".baz") // .foo .bar .baz
+
selector-parse(".foo .bar, .baz .bang") // ('.foo' '.bar', '.baz' '.bang')
selector-nest(".a .foo", ".b .bar") // .a .foo .b .bar
+
 
selector-nest(".foo", "&.bar") // .foo.bar
 
 
</syntaxhighlight>
 
</syntaxhighlight>
  
سطر 28: سطر 25:
 
* الدالة <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>‎: تحدد ما إذا كان المحدّد فائقًا.
  
 
== مصادر ==
 
== مصادر ==

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

تُحلّل (Parses) الدالة selector_parse()‎ محدّدًا من إنتاج المُستخدم إلى قائمة من قوائم السلاسل النصية كما تُعاد من قبل &.

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

selector_parse($selector)

المعاملات

‎$selector

المحددات التي ستُحلّل. يمكن أن تكون عبارة عن سلسلة نصية أو قائمة من السلاسل النصية أو قائمة من قوائم السلاسل النصية كما تُعاد من قبل &.

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

قائمة من قوائم السلاسل النصية التي تمثل ‎$selector. وتكون بنفس التنسيق الذي يكون لمحدّد تعيده &.

أمثلة

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

selector-parse(".foo .bar, .baz .bang") // ('.foo' '.bar', '.baz' '.bang')

انظر أيضًا

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

مصادر