針對特定網站設立樣式
出自 MozTW Wiki
Mozilla Firefox 1.5 有新增了一個樣式表功能允許使用者為特定網站或網頁設立樣式,指定方式有網域名、完整位址、與位址前段三個。
編輯自訂樣式檔
- 要編輯自訂樣式檔,先把瀏覽器完全關閉。
- 到個人設定檔的 chrome 子路徑內,用文字編輯器打開 userContent.css(如果沒有此檔,把 userContent-example.css 檔重命名為 userContent.css)。
- 置入樣式規則
@-moz-document
語法
指定網站的規則是 @-moz-document
。語法為
@-moz-document 位址指定表 { /* 樣式規則 */ }
位址指定表是個以逗號 (,) 區格的列表,指定項可以是
url(URL)
: 指定完整位址為 URL 的網頁。注意 URL 前後不用引號 (")。url-prefix(URL)
: 指定位址以 URL 為開頭的網頁。domain(URL)
: 指定位址主機是 URL 或以 URL 為開頭的網頁。
範例
@-moz-document url(http://www.w3.org/), url-prefix(http://www.w3.org/Style/), domain(moztw.org) { /* 這裡的 CSS 規則會套用到 - "http://www.w3.org/" 頁面 - 位址以 "http://www.w3.org/Style/" 為開頭的頁面 - 位址主機是 "moztw.org" 或以 ".moztw.org" 為結尾的頁面 */ }
分檔指定網頁樣式
為了樣式表管理方便,使用者可以將網頁樣式規則以各別 .css 檔存到 chrome 路徑內,再嵌入到 userContent.css 檔內。要嵌入外部 .css 檔,用以下語法:
@import(moztw.css) /* 嵌入 moztw.css 檔 */
注意 @import
必須要放在其它所有樣式規則之前(@-moz-document
無此限制)。
參考資料
- Bug 238099 - implement at-rule for matching on site/document URL (L. David Baron)
- www-style - per-site user stylesheet rules (L. David Baron)