#html #css #templates
#HTML #css #шаблоны
Вопрос:
Я использую шаблон (A). Здесь есть несколько файлов CSS, и я хочу вставить другой шаблон (B) в этот шаблон, а в другом шаблоне также есть несколько файлов CSS. При включении css шаблона B в A некоторые формы выглядят по-другому из-за нового CSS шаблона B.
Как я могу включить все CSS-файлы обоих шаблонов без замены некоторых форм…. Могу ли я установить приоритет для одного CSS? Или есть инструмент, в который я могу поместить больше файлов CSS, который будет сжимать все файлы CSS в один?
Или я могу использовать один файл CSS только для одного DIV?
Комментарии:
1. Пожалуйста, предоставьте более подробную информацию и фрагмент кода, чтобы мы могли вам лучше помочь.
Ответ №1:
CSS означает «Каскадные таблицы стилей». Здесь «Каскадирование» означает, что если что-то найдено два раза, приоритет имеет последнее. Итак, свяжите, наконец, файл CSS, которому вы хотите придать приоритет. Вы также можете использовать !важно, чтобы отдать приоритет. Например:
color: red !important;
Здесь в целом будет использоваться красный цвет.
Комментарии:
1. Спасибо, это было решением моей проблемы!! Большое вам спасибо!!!
Ответ №2:
Я не совсем уверен, что вы пытаетесь сделать. Однако, предполагая, что вы хотите связать более 1 файла css со страницей. Вы могли бы поиграть с приоритетами селекторов CSS. Идентификатор, например, имеет больший приоритет, чем класс. Вы также могли бы сделать их более конкретными.
Например:
body ul li span {
Color: red;
}
Span {
Color: blue;
}
Здесь интервал должен быть красным
Комментарии:
1. Итак, у меня есть шаблон, и я хочу включить другой шаблон входа в систему в первый шаблон, но когда я помещаю логин в соответствующие строки в первом шаблоне, все выглядит совсем по-другому, потому что другой файл css заменяет формы… Могу ли я, возможно, использовать один файл css только для одного div, а не для всей страницы?
2. У вас есть пример того, что вы пытаетесь сделать? Я думаю, это упростило бы ответ на ваш вопрос. Например, изображение или какой-либо код.
3. Я не знаю, как я могу создать экран всего шаблона, но поэтому я пытаюсь сформулировать это другими словами: я хочу применить весь стиль файла .css к частичному div в html-файле, моей идеей было использовать <iframe>, но время загрузки iframe немного слишком велико
4. Это определенно возможно, но зависит от некоторых вещей. Если обе таблицы css имеют селекторы с одинаковой спецификацией, то второй файл переопределит соответствующие ранее определенные стили. Однако лучше всего сделать селекторы на вашем 2-м листе более конкретными. Пожалуйста, посмотрите эту ссылку: w3schools.com/css/css_specificity.asp
5. Рад, что смог помочь. Но Ced справедливо указывает на то, что вы должны стараться избегать переопределения css-листов. Я не уверен, что / почему вы используете 2 листа. Я рад помочь вам избежать этого, если это возможно
Ответ №3:
Вы должны попытаться включить CSS, который вы хотите, только для вашей страницы входа (шаблон (B)), только для вашей страницы входа в HTML, например:
index.html файл :
<link rel="stylesheet" href="templateA.css">
login.html файл :
<link rel="stylesheet" href="templateB.css">
Цель, если просто избежать конфликтов между обоими шаблонами, вы не можете использовать их оба на одной странице, это вызовет множество ошибок и значительно замедлит работу вашего сайта.
Пожалуйста, не стесняйтесь спрашивать меня в комментарии, если мне что-то непонятно.
Комментарии:
1. Также нет возможности использовать их оба на одной странице без использования iframe?