Альтернативные способы связать файл CSS?

Question

Я работаю с программным обеспечением, которое использует веб-интерфейс, но это программное обеспечение, очевидно, не поддерживает связывание файлов CSS обычным способом:

<link href="style.css" rel="stylesheet" type="text/css">

Программное обеспечение отображает страницы напрямую, оно не 'пройти через «настоящий» веб-сервер.Есть ли альтернативные способы связать CSS-файл, который я мог бы попробовать?

Answer 1

Попробуйте это:

<style type="text/css">
  @import "relativePathToYourCSSFile.css";
</style>

Редактировать: вы также можете сделать все свои объявления CSS в этом теге стиля, который не требует, чтобы страница «искала» другие файлы (что, я полагаю, потребует сервера). Например:

<style type="text/css">
    #someCssId {
        someStyleProp:someValue;
    }
</style>

Answer 2

Что ж, если JavaScript не очищен и вы готовы к небольшому взлому:

<script type="text/javascript">
(function () {
    var h, l, addcss;
    if(h = document.getElementsByTagName('head')[0]) {
        addcss = function (url) {
            l = document.createElement('link');
            l.setAttribute('type','text/css');
            l.setAttribute('rel','stylesheet');
            l.setAttribute('href',url);
            return h.appendChild(l);
        };
        addcss(cssfile1);
        addcss(cssfile2);
                    ...
        addcss(cssfileN);
    }
})();
</script>

Или вы можете напрямую манипулировать объектом document.styleSheets ...

Answer 3

если у вас есть файл CSS, вы можете поместить @import внизу файла.

Вы можете встроить стили в html, используя тег <style>, а затем поместить CSS или @import.

Answer 4

Я делаю это все время, когда работаю на странице локально, никакой «настоящий» веб-сервер не нужен, и он работает просто отлично.Вы do должны быть осторожны с абсолютными и относительными путями, например, href="site.css" против href="/styles/site.css" первое отлично работает с файлом: /// url, но второе относится к корнюлокальная файловая система, которая, вероятно, не там, где на самом деле находится файл css.

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