Блог

Главная - Вопросы по программированию - Внедрение внешних CSS-ссылок в документ, переопределение определенных существующих листов

Внедрение внешних CSS-ссылок в документ, переопределение определенных существующих листов

#html #css #stylesheet

#HTML #css #таблица стилей

Вопрос:

Существует сайт, для которого я должен изменить внешний «шаблон», используя существующую разметку, но с обновленным дизайном. Что я надеюсь сделать, так это каким-то образом внедрить мои собственные локально написанные таблицы стилей CSS на страницу, чтобы мои стили вступили во владение.

Казалось, что ответом будет таблица пользовательских стилей, но я столкнулся со следующими подводными камнями:

  • Мне часто приходилось ! важные правила, чтобы заставить их придерживаться, чего не произойдет, как только мои стили заменят существующие.

  • Я не могу ссылаться на локальные изображения.

У меня нет доступной локальной среды разработки сайта. Лучшее, что я могу сделать, это создать локальное зеркальное отображение сайта и редактировать стили оттуда .. но я бы предпочел изменить существующую разметку, если это возможно.

Любые предложения по плагину для браузера или аналогичному будут оценены! Спасибо!

Ответ №1:

Это возможно. Взгляните на свойство document.styleSheets . Он содержит дерево объектов, представляющее собой весь CSS на странице. Вы можете изменять отдельные свойства чужой таблицы стилей или полностью ссылаться на локальную таблицу.

Вот ссылка http://www.javascriptkit.com/domref/stylesheet.shtml для начала, но я бы также поискал в Google несколько лучших ресурсов.

document.styleSheets[0].href = ‘file://js/newstyles.css’

Комментарии:

1. Это дало мне нужную подсказку, но не решило проблему. К сожалению, свойство ‘href’ доступно только для чтения, поэтому в итоге я выполнил некоторую обработку и перестроил стек таблиц стилей, используя пользовательские стили в Chrome.

Ответ №2: