Как правильно сделать отдельные стили для внутренней страницы?

Question

[Strimaxart]

Доброго времени суток, у меня наверное наитупейший вопрос.

В общем, как задать отдельные стили для внутренней страницы сайта, так как структура та же самая, но пару элементов надо сделать по другому а те которые были на главной убрать.

Answer 1

[Сергей Карвасарный]

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

<div class="header-home">Hello</div>
<div class="header-home page">Hello</div>

.header-home {
fonxt-size: 20px;
}
.header-home a {
color: red;
}
.header-home.page {
 fonxt-size: 10px;
}
.header-home.page a {
color: green;
}
scss
.header-home {
fonxt-size: 20px;
  a {
    color: red;
  }
  &.page {
    fonxt-size: 10px;
  a {
    color: green;
  }
  }
}

Вот и все, на главной будет 20 на внутренней 10

Answer 2

[Dima Polos]

Задаете класс для body ;)
А дальше по вложенности меняете стили.