いろいろと勉強途中のドシロウトが書く雑記
更新日時:2008/01/28 02:29
Firefoxのアドオンである「Stylish」。
これは自分で作ったCSSを今見ているページに手軽に適用できるというアドオンです。Firefoxにもほかのブラウザにも自分で作ったCSSを適用する機能はついていますが、適用させるのがかなり面倒な作業になります。ところがStylishを使えば超手軽に適用できるのです。
CSSを多少知っていればかなり便利なアドオンだと思います。邪魔な広告、たとえばアマゾンの広告を消したいときは
iframe[src*="amazon"] {
display: none !important;
}
はい。これでamazonの広告は全て消すことが出来ます。iframeのsrcにamazonが含まれていれば表示しないというCSSです。アフィリエイトなどの広告はiframeを使っているものが多いのでiframe要素で指定しました。広告があるのはいいんですが、本文の上や、本文と本文の間にあるのは激しく邪魔ですよねぇ。とりあえずamazonとgoogleの広告を指定すれば大抵の邪魔な広告は消えると思います。
もうひとつの例としては
a[href$=".pdf"] {
color: #FF0000 !important;
}
これはリンクのURIの最後が.pdfの場合フォントカラーを赤にしろ、というCSSです。ブラクラでも踏んだんじゃないかという気分になるPDFを色によって判別できるようになります。
もうCSS2の属性セレクタがStylishのためにあるとしか思えませんね。
いろいろな人が書いたCSSが集まっている投稿サイトもあります。私もいくつか投稿しています。
コメント投稿後、編集や削除する可能性がある場合にはpassが必要になりますので、passを入力してください。また、ただ宣伝するだけのコメントと判断した場合は削除しますのでご了承ください。