こもろぐ @tenkoma

What We Find Changes Who We Become -- Peter Morville著『アンビエント・ファインダビリティ 』

広告:本ブログで紹介している書籍等商品の紹介でAmazonアソシエイトを利用していることがあります。

ウェブページ別スタイルシート in Firefox

Firefoxプラグインを追加することでサイト別に異なるスタイルシートが適用できます。まず、僕は方法を限定せずに探してみましたが

プラグインをダウンロードしてFirefoxを再起動したら、メニューから拡張機能 > スタイルシート「(現在前面に表示されているページのtitle)」用のサイト別ユーザースタイルを選ぶとダイアログウインドウが表示される。別にツール > DOMインスペクタを起動して指定したいセレクタを決める。スタイルシートを記述して保存すると、即座に反映される。
例えば、引用ブロックの線と背景を指定したいときは自分の場合、

blockquote{
	background-color: #E8E8E8 !important;
	border:1px dashed #C4C4C4 !important
}

と書いてみました。サイト側でスタイルシートが設定されている場合、「!important」を書かないとユーザースタイルシートが制作者のスタイルシートに負けてしまうので注意。