「針對特定網站設立樣式」修訂間的差異
出自 MozTW Wiki
小 |
(→參考資料) |
||
行 56: | 行 56: | ||
<b>‧返回上一頁: </b>[[Mozilla Firefox]] | <b>‧返回上一頁: </b>[[Mozilla Firefox]] | ||
</div> | </div> | ||
+ | [http://www.6339.cn/ 网页设计][http://www.6339.cn/ 网站建设]--[[用戶:61.145.153.211|61.145.153.211]] 13:49 2005年十二月25日 (CST) |
於 2005年12月25日 (日) 13:49 的修訂
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
网页设计网站建设--61.145.153.211 13:49 2005年十二月25日 (CST)