특정 사용자에게 서명 이미지를 추가하고 싶어요 (그룹에는 이미 추가할 수 있어요)

개발
1

현재 특정 그룹의 사용자가 모든 게시물에 서명처럼 표시되는 작은 이미지를 설정해 두고 있습니다. 이 기능을 몇몇 사용자에게도 확장하고 싶지만, 모든 사람에게 개별 그룹을 만들어야 하는 상황은 피하고 싶습니다. (이미지가 각각 다르기 때문에 그 몇 명을 위한 하나의 그룹만 만들 수는 없거든요.)

CSS에는 잘 정통하지 않습니다(사용은 하고 가끔 이것저것 시도해 보기도 하지만, 거기까지가 제 한계입니다). 현재는 아래 코드를 사용하고 있습니다.

.topic-post.group-Owner .topic-body .cooked::after {
    background-image: url("https://picture.image");
    background-repeat: no-repeat;
    background-size: 160px 80px; /*change these values according to the image size*/
    width: 160px; /*change this value according to the image size*/
    height: 80px; /*change this value according to the image size*/
    display: block;
    float: right;
    content: "";
}

이 코드는 그룹에는 잘 작동합니다. .username-User로 바꿔서 시도해 보았지만 작동하지 않았습니다.

2

안녕하세요,

HTML 구조를 보면 다음과 같습니다:

image
image1281×103 8.26 KB

사용자의 ID 또는 사용자 이름을 사용할 수 있습니다(다만, ID보다는 신뢰성이 낮을 수 있습니다).

예를 들어, ID를 사용하는 경우:

.topic-post article[data-user-id="2"] .topic-body .cooked::after { 
  //
}
3

그렇게 하면 됐어요, 감사합니다!