Если я могу включить CSS для каждой страницы, тогда я должен сделать разные CSS-файлы для каждой страницы, если необходимо?

Question

Если я могу включить css для каждой страницы, тогда я должен создать отдельный файл css для каждой страницы, если это необходимо, кроме сброса файла css?

я использую код сброса eric meyer css в main.css

Answer 1

Все, что распределяется между несколькими страницами, должно помещаться в один файл CSS.

Если у вас есть определенные элементы только на одной странице, тогда можно поместить это в дополнительный файл CSS. Это также предотвращает увеличение размера основного файла CSS.

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

Edit:

Вы можете присвоить элементам, которые должны иметь общие настройки, один и тот же класс. Э.Г.

.foo {
    color: green;
}
/* in this case, is the same as : */

#div1, #div2 {
    color: green;
}


<div id="div1" class="foo">
</div>

<div id="div2" class="foo">
</div>

Также помните, что элементы могут иметь более одного класса, например <div class="foo bar"></div>

Может быть, CSS введение также помогает.

Answer 2

Распространенным решением является поместить все в один файл CSS, с небольшими файлами CSS для частей, которые меняются, или с классом на теле, чтобы вы могли написать:

body.single #some:selector {
    #css
}

body.blog #some:selector {
    #css
}

Как уже было сказано, не повторяйся!

Answer 3

Конечно, вы можете сделать это, но не должны, по двум причинам (и больше, о которых я не могу думать сейчас):

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

Как кто-то однажды сказал мне на SO: «Абсолютов не бывает, никогда! :)» Так что, хотя у вас может быть редкий случай, который оправдывает множество CSS-файлов, я рекомендую вам посмотреть, сможете ли вы воспользоваться объединением один , если у вас нет веских причин не делать этого.

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

<div class="one two three">

, но адресация CSS очень гибкая, и вы можете делать все, что хотите, без необходимости использовать отдельные файлы. Если вы не хотите.