「針對特定網站設立樣式」修訂間的差異
出自 MozTW Wiki
小 (reverts SPAM created by 202.108.189.41) |
|||
行 56: | 行 56: | ||
<b>‧返回上一頁: </b>[[Mozilla Firefox]] | <b>‧返回上一頁: </b>[[Mozilla Firefox]] | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− |
於 2006年6月27日 (二) 20:20 的最新修訂
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