Переопределение стилей CSS - PullRequest
1 голос
/ 18 марта 2012

Допустим, я положил следующее в <body>

<script src="https://gist.github.com/2059.js"> </script>

глядя на этот файл js, первая строка:

document.write('<link rel="stylesheet" href="https://gist.github.com/stylesheets/gist/embed.css"/>')

У меня нет разрешения на запись в этот файл js. Можно ли динамически поменять файл embed.css и заменить его в href на другую версию этого css-файла? Можно ли сделать это так, чтобы не требовалось ввода пользователя - страница будет загружаться с моим собственным файлом CSS, а не с файлом embed.css?

1 Ответ

4 голосов
/ 18 марта 2012

Самым простым вариантом здесь будет загрузка вашего собственного CSS таким образом, который переопределит CSS Gist - это будет намного проще, чем пытаться динамически изменять код, предоставляемый Gist.Для этого есть два варианта:

  • Добавить !important к своим объявлениям CSS.

  • Используйте те же селекторы, что и в Gist CSS, но добавьте к ним другой селектор, чтобы сделать их более специфичными, чем объявления в Gist CSS, например, mycontentarea .gist-syntax .c

Второй вариант, вероятно, будет более надежным, если вы знаете селектор для включающего элемента.Смотрите рабочий пример здесь (я заменил стандартный цвет строки Gist на противный желтый): http://jsfiddle.net/aqGEc/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...