# تعيين فئة نشطة على nav-pills \> li لصفحات: حول، الأسئلة الشائعة، وشروط الخدمة

**URL:** https://meta.discourse.org/t/setting-active-class-on-nav-pills-li-for-about-faqs-tos/138401
**Category:** Development
**Created:** [12 يناير 2020، 10:08م UTC](https://meta.discourse.org/t/setting-active-class-on-nav-pills-li-for-about-faqs-tos/138401 "2020-01-12T22:08:27Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![scottrepreneur](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/scottrepreneur/32/155324_2.png) [@scottrepreneur](https://meta.discourse.org/u/scottrepreneur)
#### Post date: [12 يناير 2020، 10:08م UTC](https://meta.discourse.org/t/setting-active-class-on-nav-pills-li-for-about-faqs-tos/138401/1 "2020-01-12T22:08:27Z")

</div>

يبدو أن هناك خطأً بسيطًا في تعيين الفئة `active` على `nav-pills` الخاصة بـ

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [13 يناير 2020، 12:30ص UTC](https://meta.discourse.org/t/setting-active-class-on-nav-pills-li-for-about-faqs-tos/138401/2 "2020-01-13T00:30:23Z")

</div>

لست متأكدًا مما إذا كنا قد دعمنا من قبل فئة “active” على عناصر LI في nav-pills. لست ضد إضافة هذه الدعم للسمات لأنه يبدو أنه قد يكون مفيدًا. ومع ذلك، سيتطلب ذلك إعادة هيكلة الكثير من الأشياء.

@techAPJ أعتقد أنك قمت بنقل هذا، هل هناك سبب لفئة “active” هذه؟ يبدو لي أنه خطأ؟

> <https://github.com/discourse/discourse/blob/d8412f409a9b98e82b269ed058bf05f88e34e886/app/assets/javascripts/discourse/templates/about.hbs#L6-L6>

أما بالنسبة للنقاش الأوسع حول إضافة فئة “active” إلى عناصر LI بناءً على المسار، فسأترك الأمر لـ @eviltrout و @awesomerobot. في الوقت الحالي، نستخدم “link-to” الذي يمنحنا فقط دعمًا تلقائيًا للفئات بناءً على المسار على عنصر A. سنحتاج على الأرجح إلى مكون جديد هنا.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [13 يناير 2020، 3:03م UTC](https://meta.discourse.org/t/setting-active-class-on-nav-pills-li-for-about-faqs-tos/138401/3 "2020-01-13T15:03:56Z")

</div>

في مرحلة ما، كان لدينا حالة نشطة على _بعض_ عناصر `li` عبر جميع `nav-pills`، وفي أماكن أخرى كان لدينا `active` على عناصر `a`…

كما أتذكر، أردت جعل الأمور أكثر اتساقًا، لذا قمت بنقل فئة `active` إلى `a` في كل مكان؟ وضعها على `li` بدلاً من ذلك مقبول تمامًا، لكنني أعتقد أن @sam محق، وقد اخترت وضعها على `a` لأنه لم تكن هناك طريقة بسيطة لوضعها على جميع عناصر `li` بدلاً من ذلك…

---

<div class="post-metadata">

### Author: ![scottrepreneur](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/scottrepreneur/32/155324_2.png) [@scottrepreneur](https://meta.discourse.org/u/scottrepreneur)
#### Post date: [19 فبراير 2020، 10:05م UTC](https://meta.discourse.org/t/setting-active-class-on-nav-pills-li-for-about-faqs-tos/138401/4 "2020-02-19T22:05:31Z")

</div>

هل توجد طريقة لتحديد العنصر الأب (`li`) الخاص بـ `a` باستخدام CSS؟ لم أتمكن من العثور على طريقة لتنسيق العنصر الأب بناءً على عنصر الطفل.

تم تعيين فئة `active` لعنصر `li` في قائمة المواضيع، لذا افترضت أن هذا هو المقصود في تنقل المستخدم الذي ربما تم إغفاله.

 ![Screen Shot 2020-02-19 at 4.02.38 PM](https://global.discourse-cdn.com/meta/original/3X/9/9/99fdbe333315eb5835542e63aeeab677aafe00b6.png)

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [19 فبراير 2020، 10:08م UTC](https://meta.discourse.org/t/setting-active-class-on-nav-pills-li-for-about-faqs-tos/138401/5 "2020-02-19T22:08:57Z")

</div>

لا، لا يحتوي CSS على محدد للأصل. نحتاج إلى تنفيذ مكون جديد كما ذُكر أعلاه للحصول على ما تبحث عنه.

---

<div class="post-metadata">

### Author: ![scottrepreneur](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/scottrepreneur/32/155324_2.png) [@scottrepreneur](https://meta.discourse.org/u/scottrepreneur)
#### Post date: [20 فبراير 2020، 4:02م UTC](https://meta.discourse.org/t/setting-active-class-on-nav-pills-li-for-about-faqs-tos/138401/6 "2020-02-20T16:02:49Z")

</div>

حسنًا، شكرًا لك @awesomerobot!