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

Question

У меня есть очень большой файл CSS, который содержит более 10000 строк и 10 страниц HTML.На данный момент CSS-файл загружается на все 10 страниц.

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

Я пытался использовать консоль Chrome, чтобы увидетьохват и только 10% файла CSS используется для конкретной страницы.No Node JS и CSS-фреймворки

Answer 1

Создайте больше .css файлов и загружайте их только в те файлы HMTL, которые вам нужны CSS.Так, например, создайте файл только для ползунка в index.html и свяжите его также только в index.html

TIPP: Но также убедитесь, что вы делаете global_style.css или styles.css для вещейкак заголовок и только с этим соединяйте классы из заголовков.