Примените другую таблицу стилей CSS для разных частей одной и той же веб-страницы

У меня есть веб-страница с разными частями, для которой нужно применять разные стили CSS. Я хотел бы знать, как указать, какую CSS-таблицу использовать для каждой отдельной части веб-страницы. если я оставлю их все вместе, компоненты не отображаются должным образом.

Ответ 1

Вы не можете применять разные таблицы стилей к различным частям страницы. У вас есть несколько вариантов:

Лучше всего обернуть различные части страницы в divs с именами классов:

<div class='part1'>
    ....
</div>

<div class='part2'>
    ....
</div>

Затем в вашей части 1 CSS, префикс каждого правила CSS с ".part1" и в CSS вашей части2, префикс каждого правила CSS с ".part2". Обратите внимание, что с помощью классов вы можете использовать несколько разных разделов part1 или part2 для гибкого ограничения того, на какие части страницы влияют правила CSS.

Ответ 2

Он называется Каскадные таблицы стилей (CSS) по определенной причине.

используйте правила specificity 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>

Ответ 3

Внешняя таблица стилей применяется ко всей странице html. Чтобы применить разные таблицы стилей к различным частям, Во-первых, html-страницу нужно разделить на разные разделы, используя тег html (каждому html-элементу присваивается уникальный идентификатор или класс) Во-вторых, внешняя таблица стилей, которая должна применяться к каждому div, должна быть сконструирована в соответствии с назначенным ей идентификатором/классом

Пример, как объяснялось выше Габи ака Г. Петриоли...

Ответ 4

Используйте разные классы для каждой части вашей веб-страницы и настройте код CSS для каждого класса.