شكرا على المعلومات 
إذا قمت بتمكين إعطاء الأولوية لاسم المستخدم في تجربة المستخدم (UX)، فسيتم عرض أسماء المستخدمين في كل مشاركة إذا كان اسم المستخدم والاسم الكامل للمستخدم متطابقين.
وستكون عالقًا إذا كنت ترغب في إخفاء أسماء المستخدمين باستخدام CSS فقط لأنه لا يمكنك استهداف العناصر السابقة.
على سبيل المثال، سيكون لديك مشاركتان تحتويان على:
- اسم المستخدم
- محتوى المشاركة
- اسم المستخدم الاسم الكامل
- محتوى المشاركة
ولن تتمكن من إخفاء أسماء المستخدمين فقط للمستخدمين الذين لديهم اسم كامل يختلف عن اسم المستخدم الخاص بهم، لأن اسم المستخدم معروض قبل الاسم الكامل.
إنه أمر معقد بعض الشيء للشرح 
لذلك، إذا كنت تريد حلاً يعتمد على CSS فقط، فستحتاج إلى تعطيل إعطاء الأولوية لاسم المستخدم في تجربة المستخدم (UX) واستخدام CSS التالي:
.names {
.full-name +.username {
display: none;
}
}
بالنسبة للعنوان الموجود أسفل الاسم، يمكنك استخدام CSS المحدث هذا:
.topic-meta-data .names {
flex-wrap: wrap;
.user-title {
width: 100%;
order: 1;
}
}
يمنع order: 1; رمز حالة المستخدم من أن يكون بجوار العنوان ويحتفظ به بجوار الاسم الكامل:
إذا قمت بدمج كل هذا CSS، فإليك النتيجة.
قبل:
.topic-meta-data .names {
flex-wrap: wrap;
.full-name +.username {
display: none;
}
.user-title {
width: 100%;
order: 1;
}
}
بعد:
