Как я могу включить несколько CSS без перезаписи существующего CSS?

Question

Я использую шаблон (A). Здесь есть несколько CSS-файлов, и я хочу включить в этот шаблон другой шаблон (B), а другой шаблон также содержит некоторые CSS-файлы. Включая CSS шаблона B в A, некоторые формы выглядят по-разному из-за нового CSS шаблона B.

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

Или я могу использовать один файл CSS только для одного DIV?

Answer 1

Вы должны попытаться включить CSS, который вы хотите только для своей страницы входа (шаблон (B)), только в HTML-код вашей страницы входа, например:

index.html файл :

<link rel="stylesheet" href="templateA.css">

login.html file :

<link rel="stylesheet" href="templateB.css">

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

Answer 2

CSS означает «Каскадные таблицы стилей».Здесь «Каскадирование» означает, что если что-то найдено два раза, то последнее имеет приоритет.Так что, наконец, свяжите файл CSS, который вы хотите дать приоритет.Вы также можете использовать! Важно, чтобы дать приоритет.Например:

color: red !important;

Здесь будет использоваться красный.

Answer 3

Я не совсем уверен, что вы пытаетесь сделать.Однако при условии, что вы хотите связать более 1 файла CSS на страницу.Вы можете играть с приоритетами CSS-селекторов.Например, идентификатор имеет больший приоритет, чем класс.Вы также можете сделать их более конкретными.

Например:

body ul li span {
  Color: red;
}

Span {
  Color: blue;
}

Здесь диапазон должен быть красным