- p15.jp
- (X)HTML CSS
- Firefox の拡張機能 Stylish で nth-child を使いたい
Firefox の拡張機能 Stylish で nth-child を使いたい
-
2009
01
24
(土)
12:31
てっきり使えるものだと思って :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 を追加した場合並び順が変わるので修正が必要になります。
この記事が最後に更新されたのは 2009年01月24日 12:31 です。
- 一つ新しい記事: Coda のターミナルでは日本語が使えない
- 一つ古い記事: Custom Quicktags の並び順を変更する
コメントをどうぞ
トラックバック(0)
この記事は p15.jp の Firefox の拡張機能 Stylish で nth-child を使いたい です。
関連が低いと判断したトラックバックは予告無く削除させていただく場合がありますのでご了承ください。
トラックバックはありません
- p15.jp
- (X)HTML CSS
- Firefox の拡張機能 Stylish で nth-child を使いたい


コメント(0)
コメントはありません