Добавить изображение подписи для конкретного пользователя (для группы это уже возможно)

Разработка
1

У меня сейчас настроено так, что у определённой группы в каждом сообщении появляется небольшое изображение, своего рода подпись. Я хочу расширить это на несколько человек, но не хочу создавать отдельные группы для каждого (у них не будет одинаковых, поэтому я не могу просто создать одну группу для всех них).

Я не очень хорошо разбираюсь в CSS (могу им пользоваться и иногда немного экспериментировать, но это мой предел). Сейчас я использую:

.topic-post.group-Owner .topic-body .cooked::after {
    background-image: url("https://picture.image");
    background-repeat: no-repeat;
    background-size: 160px 80px; /* измените эти значения в соответствии с размером изображения */
    width: 160px; /* измените это значение в соответствии с размером изображения */
    height: 80px; /* измените это значение в соответствии с размером изображения */
    display: block;
    float: right;
    content: "";
}

Это отлично работает для группы. Я пробовал заменять .username-User, но это не сработало.

2

Привет,

Если посмотреть на структуру HTML, можно увидеть следующее:

image
image1281×103 8.26 KB

Можно полагаться на ID пользователя или его имя пользователя (хотя последнее, скорее всего, менее надёжно).

Например, с использованием ID:

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

Это сработало, спасибо!