てっきり使えるものだと思って :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 を追加した場合並び順が変わるので修正が必要になります。