chromeで独自cssを追加するエクステンション

質問

下記のような事をしたいと考えています。
詳しく載っている書籍や、ページがありましたらご教授お願いします。

■chromeで独自cssを追加するエクステンション
1a.特定のサイトのタグをcssで表示しないように変更します。
(サイトの選択ができない場合は、
div.aaa ul.bbb li nth-child(2),
div.aaa ul.bbb li nth-child(3), {
display:none;
}
のようにそのサイトでしか反映されないようにします。）

1b.または、正規表現で該当箇所を探し、
その部分をコメントアウトするようにしたいと考えています。

2.この変更がクリック一つで追加できるようにして
配布したいと考えています。

～～～～～///////////////////////////////～～～～～
例えば、エクステンションやユーザスタイルシートなどです。
ただ、ユーザスタイルシートの場合は追加というより、
元あるユーザスタイルシートを編集して配布する形になるのではないかと思います。

そのような理由からエクステンションでの配布を希望しています。
私の探し方が悪いと思うのですが、
自分だけに適用する方法ばかりがHITします。
エクステンションでスタイルシートを編集する為の情報が出てきません。

もし、私自身でスタイルシートを管理するのであれば
・Google Chrome Extensions: Chrome Stylist
　https://chrome.google.com/webstore/detail/pabfempgigicdjjlccdgnbmeggkbjdhd
というのが便利です。

しかし、この方法ではcssの設定を書き込まなければならず、
反映したいユーザに入力してもらう手間がでてきます。

このエクステンションが有効になっている閒、
cssが反映されるといったものの作り方を知っている方がいましたら
よろしくお願いします。

回答No.1

ORUKA1951

＞div.aaa ul.bbb li nth-child(2),
のような、きちんとセレクタを書ける・・同じDOMのサイトと言うことはありえないので、あなたの運営しているウェブサイトでの設定と言うことでよいですか？

　だとすれば、最も簡単なのは代替スタイルシートを容易しておくので良いのでは?

　その場合、ブラウザ手再読み込みをすると元に戻る場合があるので、その場合はスタイルシート自体をCGIで出力させるなどの方法があります。
　随分古いですが・・コンテンツ ( http://hpcgi1.nifty.com/Iruka/contents.html )の右側の切り替えとかはそうなっていますね。

補足

私のサイトではないので、
サイト側で用意するといった方法はとれません。

あるサイトで利用したいのですが、DOMの構造はそのサイト特有なので
div.aaa ul.bbb li nth-child(2)　のように狙って用意する事ができます。

また、私だけでなくクロームやFFのエクステンションやテーマjsのように
インストールして使う事ができるようなものの配布を考えています。