素人がプログラミングを勉強していたブログ

プログラミング、セキュリティ、英語、Webなどのブログ since 2008

連絡先: twitter: @javascripter にどうぞ。

Operaでも細かくユーザーCSSを指定できるようにするUserScript

OperaではFirefoxと違って、ドメインより細かい単位でユーザーCSSを指定することができない。

// ==UserScript==
// @name           bodyClassName
// @namespace      http://d.hatena.ne.jp/javascripter/
// @include        http*
// ==/UserScript==

document.body.className+=' '+(location.host+location.pathname).replace(/[./]/g,' ').replace(/(^[\d-]+)|[^\w- ]/g,'_$1')

上記のユーザースクリプトを、.user.jsとして保存すれば、

body.d.hatena.ne.jp.javascripter{
 background-color:blue !important;
}

のような感じで細かくユーザーCSSを指定できるようになる。
idにしないのは、サイトのbodyにidが振ってあっても平気なようにするため。