Этот вопрос уже имеет ответ здесь:
У меня есть веб-страница с различными частями, которые требуют, чтобы различные таблицы стилей CSS были применены к каждому. То, что я хотел бы знать, - то, как указать который таблица стилей CSS использовать для каждой другой части веб-страницы. если я оставляю их всех вместе, компоненты не становятся отображенными правильно.
Вы не можете применять разные таблицы стилей к разным частям страницы. У вас есть несколько вариантов:
Лучше всего обернуть различные части страницы в div с именами классов:
<div class='part1'>
....
</div>
<div class='part2'>
....
</div>
Затем в CSS части1 префикс каждого CSS правила ".part1 ", а в CSS части2 префикс каждого CSS правила ".part2 ". Обратите внимание, что с помощью классов вы можете использовать несколько различных div "part1" или "part2", чтобы гибко разграничить, на какие части страницы влияют те или иные правила CSS.
Он называется Каскадные таблицы стилей (CSS) не просто так...
используйте специфические правила CSS, чтобы нацелить каждый раздел...
то есть...
#section1 a{color:red}
#section2 a{color:blue}
это заставит все ссылки внутри элемента с id section1
быть красными, а все ссылки внутри элемента с id section2
- синими...
<div id="section1">
<a href="#">i will be red</a>
</div>
<div id="section2">
<a href="#">i will be blue</a>
</div>
Используйте разные классы для каждой части своей веб-страницы и настройте код CSS для каждого класса.