Firefox の拡張機能 Stylish で nth-child を使いたい

てっきり使えるものだと思って :nth-child() を書いてみたらエラーが。
Firefox 3 ではまだ使えなかったんですね(´・ω・`)

何番目!という指定ではなく、最初の要素の隣の隣の隣の・・・と指定してくださいってことでした。

なんでこんな CSS を書こうとしかたといいますと、Amazon アソシエイトのトラッキング ID を一部非表示にしたかったから。

トラッキング ID を追加ボタンをクリックすると入力エリアと サーチ というボタンが表示されるじゃないですか。
「サーチ」だから使えるかどうかの確認をしてくれて、もし使える ID なら「登録」とかのボタンが次のページで表示されるのかと思ったら、使える ID ならサーチをクリックした瞬間に登録されてしまうという罠が・・・。
それに引っかかって余計な ID が登録されてしまっている上に削除できないので、見た目だけでも消し去ってやろうという魂胆でした。

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("affiliate.amazon.co.jp") {
ul.tracking_id_list li:first-child,
ul.tracking_id_list li:first-child + li,
ul.tracking_id_list li:first-child + li + li + li,
ul.tracking_id_list li:first-child + li + li + li + li + li + li + li + li,
ul.tracking_id_list li:first-child + li + li + li + li + li + li + li + li + li {
    display: none;
}
}

こんなかんじで作成ヽ(・ω・)ノ
新しく ID を追加した場合並び順が変わるので修正が必要になります。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です