# مساعدة صغيرة في محدد CSS؟ **URL:** https://meta.discourse.org/t/a-little-help-with-a-css-selector/356153 **Category:** Support **Created:** [6 مارس 2025، 8:37م UTC](https://meta.discourse.org/t/a-little-help-with-a-css-selector/356153 "2025-03-06T20:37:27Z") **Posts on this page:** 1 **Showing post:** 6
### 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: [8 مارس 2025، 8:15م UTC](https://meta.discourse.org/t/a-little-help-with-a-css-selector/356153/6 "2025-03-08T20:15:08Z")
من ما أراه في الكود، يمكنك توقع رؤية أسماء الفئات التالية: - `is-staff` - `is-admin` - `is-moderator` - `is-new-user` - `group--primary_group_name` يمكنك إنشاء مجموعة وتعيينها كمجموعة أساسية. يمكنك أيضًا استخدام بعض الأكواد لإضافة أسماء الفئات المفقودة. ```js import { apiInitializer } from "discourse/lib/api"; export default apiInitializer((api) => { // Add the groups you wants to add const allowedGroups = ["trust_level_4"]; api.modifyClass("components:chat/message/info", () => { return class extends SuperClass { @service currentUser; get usernameClasses() { if (!this.currentUser) { return super.usernameClasses; } const allowedGroupClasses = this.currentUser.groups .filter((g) => allowedGroups.includes(g.name)) .map((g) => `group--${g.name}`) .join(" "); return super.usernameClasses + " " + allowedGroupClasses; } }; }); }); ``` ![لقطة شاشة لمحرر صفحة ويب تعرض خيارات تحرير الكود لـ CSS و JavaScript وأقسام مثل وقبل الرأس وبعد الرأس والتذييل. (تم التعليق عليها بواسطة الذكاء الاصطناعي)](https://global.discourse-cdn.com/meta/original/4X/8/4/d/84d9c762fe8bbc87fe550a48607020470540a1a6.png) ثم يمكنك استهداف CSS باستخدام `.group--trust_level_4`. مثال: ```css .chat-message-info__username.group--trust_level_4 { .chat-message-info __username__ name { color: blue; } } ``` بالنسبة لاسم المستخدم، لا تحتاج إلى الكود أعلاه: ```css .chat-message-info__username.[data-user-card="username_here"] { .chat-message-info __username__ name { color: red; } } ``` --- _[View the full topic](https://meta.discourse.org/t/a-little-help-with-a-css-selector/356153)._