Как и компрессор javascript, я использую ту же технику для css. Во-первых, я объединю весь файл в один файл, а затем компрессор. Но поведение HTML не такое же, как раньше, с несколькими файлами css. Каков наилучший способ свести к минимуму файл CSS?Как свести к минимуму число css
Проверьте порядок загрузки файлов в скрипт слияния, как и другие. Я нашел Sprockets, чтобы быть хорошим инструментом для управления зависимостями. Он отслеживает изменения в ваших файлах и выводит один файл, готовый к сжатию. Он также будет работать с вашими CSS-файлами.
Вы объединяете их в один файл в правильном порядке? Поскольку CSS позволяет переопределять более ранние правила, вам может потребоваться быть осторожным, какая часть объединенного файла находится перед другими частями.
Что также относится к указанным файлам JavaScript ... – Boldewyn
Поведение вашего HTML обычно не должно изменяться. Если это действительно произойдет, я предполагаю, что у вас конфликтующие правила, которые перезаписывают друг друга и что файлы CSS не объединяются в том же порядке, в каком они были загружены ранее.
@d. Я придерживаюсь того же порядка, что и раньше. – Shashi
Пока файлы CSS находятся в одной папке, они объединяются в том же порядке, в каком они были загружены на страницы, и полученный файл помещается в ту же папку, что и исходные файлы, не должно быть никаких проблема.
Порядок стилей имеет значение, если они противоречат друг другу, поскольку указанный последний стиль будет иметь приоритет.
Расположение файлов имеет значение для любых относительных URL-адресов изображений, которые вы указали, так как они относятся к CSS-файлу, а не к веб-странице.
Убедитесь, что ваш HTML-код действителен. Если ваш браузер находится в режиме quirks, возможно, вы используете CSS, который ваш компрессор считает ненужным.
Хорошая точка, но сделайте ее более общей: в строке «убедитесь, что компрессор не выбрасывает ваши хаки». – Boldewyn
Возможно, вы сливаете, по ошибке, также ваши таблицы стилей печати в основную таблицу стилей? (. Только предположение)
Если это так, и вы хотели бы сохранить его таким образом, вы можете сделать это, заключая их содержание в:
@media print {
/* content here */
}
Используете ли вы компрессор JavaScript для CSS или это * выделенный * компрессор CSS? Если вы используете компрессор YUI, попробуйте переключатель командной строки '--type css'. – Boldewyn