Комментарий #10301105

Aizek Shturm
С какого-то момента перестала работать замена авы на гифку в списках аниме/манги:
@media (min-width:1124px) {.p-user_rates-index .l-menu .avatar::before { content: ''; position: absolute; width: 99%; padding-bottom: 75%; background: url(https://i.ibb.co/p4LDtCX/lYcNRZe.gif) top center /  cover; border-radius: 0px; }
}
/* добавление черной рамки */
.p-user_rates-index .l-menu .avatar::before { border: 2px solid black; }

Как можно это исправить?
Ответы
grin3671
grin3671#
@Aizek Shturm, сами правила работают. Возможно, медиа-запрос на минимальную ширину окна не выполняется, но, судя по всему, проблема в неправильно указанном комментарии — должно быть так:
/* гифка с Юки в списках*/
@Hayart, всё правильно, нужно использовать :nth-child. Увеличить нельзя (больше в HTML не указано), уменьшить можно:
/* Одна строка общих и жанровых достижений */
.profile-content .cc-achievements .b-achievement:nth-child(n+3),
/* Одна строка франшизных достижений */
.profile-content .cc-franchises .b-badge:nth-child(n+5),
/* Одна строка авторских достижений */
.profile-content .cc-authors .b-achievement:nth-child(n+4) {
  display: none;
}
назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть