簡體   English   中英

覆蓋CSS樣式

[英]Overriding CSS styles

讓我說我把以下內容放在<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?

這里最簡單的選擇是以一種覆蓋Gist CSS的方式加載自己的CSS - 這比嘗試動態更改Gist提供的代碼要簡單得多。 兩個選項:

  • 添加!important的CSS聲明。

  • 使用與Gist CSS相同的選擇器,但使用另一個選擇器作為前綴,使它們比Gist CSS聲明更具體,例如mycontentarea .gist-syntax .c

只要您知道封閉元素的選擇器,第二個選項可能會更可靠。 在這里查看一個工作示例(我用一個令人討厭的黃色替換了標准的Gist字符串顏色): http//jsfiddle.net/aqGEc/

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM