「針對特定網站設立樣式」修訂間的差異
出自 MozTW Wiki
Danielwang(對話 | 貢獻) 小 |
小 (→分檔指定網頁樣式) |
||
行 35: | 行 35: | ||
== 分檔指定網頁樣式 == | == 分檔指定網頁樣式 == | ||
− | + | 為了樣式表管理方便,使用者可以將網頁樣式規則以個別 .css 檔存到 chrome 路徑內,再嵌入到 userContent.css 檔內。要嵌入外部 .css 檔,用以下語法: | |
@import(moztw.css) /* 嵌入 moztw.css 檔 */ | @import(moztw.css) /* 嵌入 moztw.css 檔 */ | ||
注意 <code>@import</code> 必須要放在其它所有樣式規則之前(<code>@-moz-document</code> 無此限制)。 | 注意 <code>@import</code> 必須要放在其它所有樣式規則之前(<code>@-moz-document</code> 無此限制)。 |
於 2005年10月24日 (一) 20:42 的修訂
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)
‧返回上一頁: Mozilla Firefox