# الفئات الفرعية أولاً في محدد فئات Composer

**URL:** <https://meta.discourse.org/t/sub-categories-first-in-composer-category-selector/288756>\
**Category:** Development\
**Created:** [15 ديسمبر 2023، 1:55ص UTC](https://meta.discourse.org/t/sub-categories-first-in-composer-category-selector/288756 "2023-12-15T01:55:57Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\
**Post date:** [15 ديسمبر 2023، 3:07ص UTC](https://meta.discourse.org/t/sub-categories-first-in-composer-category-selector/288756/2 "2023-12-15T03:07:29Z")

</div>

يمكن أن يكون حل CSS سريعًا كما يلي. ضعه في سمة CSS الخاصة بك أو في CSS لمكون.  
إنه يعكس الفئة → الفئة الفرعية إلى الفئة الفرعية → الفئة:

```css
// يعكس الموضع من "الفئة -> الفئة الفرعية" إلى "الفئة الفرعية -> الفئة"
.select-kit .select-kit-row.category-row .category-status,
#reply-control .category-input .category-chooser .selected-name .name {
    flex-direction: row-reverse;
}

// يخفي الفئة الأصلية عند تحديد فئة فرعية
#reply-control .category-input .category-chooser .selected-name .name {
     & > .badge-category__wrapper:first-child {
        display: none;
    }

     & > .badge-category__wrapper:last-child {
        display: unset;
    }
}

```

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/e/3/7e32cb9f85be44d9d0d5165b2e05abb688e7d529.png)

 ![image](https://global.discourse-cdn.com/meta/original/4X/b/1/4/b147617e72b0294fe73c088e36cd158ca42828de.png)

---

_[View the full topic](https://meta.discourse.org/t/sub-categories-first-in-composer-category-selector/288756)._