@kraupin

Как для одного элемента CSS определить стиль а для другого убрать?

У меня на сайте есть материалы, к ним привязан id=allentries
На него есть стили:
#allEntries {
  padding: 20px 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
}
#allEntries div {
  width: 100%;
}
#allEntries img {
  object-fit: cover;
  height: 100%;
}

@media (max-width: 1070px) {
  #allEntries {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
  }
}

Проблема в том что на другой странице вывод всех комментариев привязан так же к allentries.
Получается в комментариях каша.
Поменять для комментариев id я не могу.

Можно ли как то для комментариев отключить стили которые указаны в allentries?

Если я убираю allentries, то на главном экране блок с материалами начинает скакать, то есть если текст больше чем материал снизу, материал сдвигается вправо и получается что есть пустые строки.
  • Вопрос задан
  • 91 просмотр
Пригласить эксперта
Ответы на вопрос 1
@GreenX5
Стили которые хотите отключать выводите из id в классы и переключайте нужные элементы на альтернативные классы и обратно.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы