정보 감사합니다 ![]()
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;
}
}
변경 후:

