サイト別スタイルシート - Another 朝顔日記

@-moz-documentルール(Latest Topic - outsider reflex) 経由で、Trunk な Mozilla Firefox にサイト別スタイルシートを定義するための独自拡張が装備されていることを知ったので、今日は 0821 版の trunk にしてみました。これはいいですねぇ。

piro さんとこに記載されている使い方がわかりやすいので、丸々メモらせていただこう。


/* URLが一致するページに対してのみ有効 */
@-moz-document url(http://www.w3.org/) {
    body { font-size: x-large !important; }
}

/* URLの先頭がマッチするものに対してのみ有効 */
@-moz-document url-prefix(http://www.w3.org/Style/) {
    body { font-size: x-small !important; }
}

/* 指定したドメインのページ（サブドメイン違いも含む）に対して有効 */
@-moz-document domain(mozilla.org) {
    body { color: red !important; }
}

/* カンマ区切りでまとめて指定することも可能 */
@-moz-document
    domain(mozilla.gr.jp),
    domain(sakura.ne.jp),
    url-prefix(http://www.google.)
{
    body { color: green !important; }
}