Как переопределить файл css общего html (например: заголовок html страницы), включенный в другой файл html в angular 6

Question

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

<app-footer>
  <footer class="mobile-footer">
    <div class="container"></div>
  </footer>
</app-footer>

Так как же мы можем переопределить css класса мобильного нижнего колонтитула из нижнего колонтитула на другой странице html, например: страница клиента.
Мы также включили файл css нижнего колонтитула на странице клиента вместо URL-адресов стилей.

Я пытался получить доступ к нижнему колонтитулу> .mobile-footer для переопределения, но он не работает. Можете ли вы предложить решения для этого?

Answer 1

Ваша страница имеет уникальное тело id. Вы можете применять стили к элементу-потомку, используя ваше тело id.

ссылка: переключатель-потомок- css -selector

Пример:

body#body-id footer>.mobile-footer{ ...}

используйте !important при необходимости.