Второй уровень @import. Как импортировать импортированные файлы .css?
У меня есть три файла .css: header.css, footer.css и breadcrumbs.css. Я импортировал их все в compose.css:
@import "/footer/footer.css";
@import "/header/header.css";
@import "breadcrumbs/breadcrumbs.css";
Когда я импортирую compose.css в main-page.css, он не импортирует файлы из header.css, footer.css и breadcrumbs.css, а только из compose.css.
Есть ли беспощадный способ реализовать идею двойного импорта .css?
@MohitGupta, привет, да. Почему ты спрашиваешь?
Я сделал то же, что и вы.. и мой css работает... так что теперь... я думаю, что ваш путь импорта должен быть неправильным.. пожалуйста, проверьте свой путь css.. который вы импортируете в css.. или, например, я здесь ваш css Путь файла.
@MohitGupta, да, проблема была в относительных ссылках. Вместо этого я использовал абсолютные
Ответы 1
Я понял, в чем проблема. Дело в том, что пути в моем compose.css относятся к самому compose.css. И очевидно, что эти ссылки не будут работать для main-page.css, который находится в другой папке. Чтобы заставить его работать, я написал абсолютные ссылки. В моем случае это выглядит так:
@import "http://localhost:63342/labs/php-lab-1/common/default-styles/defaults.css";
@import "http://localhost:63342/labs/php-lab-1/common/footer/footer.css";
@import "http://localhost:63342/labs/php-lab-1/common/header/header.css";
Привет @gleb ты здесь?