最新 RSS Twilog 掲示板

くでんな日々や公開どう?

2008/06/03

[Mozilla] CSS 3の擬似クラスをいくつかサポート

Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.9.1a1pre) Gecko/2008060300 Minefield/3.1a1pre

のりさんが報じられてますけど、Hg mozilla-centralにBug 128585の「CSS 3の擬似クラスの:first-of-type、:last-of-type、:only-of-typeのサポート」とBug 75375の「CSS 3の擬似クラスの:nth-child(n)、:nth-last-child(n)、:nth-of-type(n)、:nth-last-of-type(n)のサポート」が入っています。

以下の擬似クラスの説明は、Lucky bag::blogさんの記事からの引用です。

E:first-of-type
同じ要素名を持つ兄弟の最初のE要素にマッチ
E:last-of-type
同じ要素名を持つ兄弟の最後のE要素にマッチ
E:only-of-type
親の中で唯一の要素名を持つE要素にマッチ
E:nth-child(n)
親の中でn番目の子であるE要素にマッチ
E:nth-last-child(n)
親の中で最後から数えてn番目の子であるE要素にマッチ
E:nth-of-type(n)
同じ要素名を持つ兄弟のn番目のE要素にマッチ
E:nth-last-of-type(n)
同じ要素名を持つ兄弟の最後から数えてn番目のE要素にマッチ

ということで適当に試してみましたスクリーンショット)。あとは慣れですね。とにかく、テーマに関しては使えるセレクタが増えれば増えるほどスタイルを書くのが楽になるので嬉しいです。

mozilla-centralもいよいよ本格始動みたいです。とりあえずブックマークのmxrのURIを変えなきゃ……Mercurialはちょっぴし「閲覧」には不便なところもあるので、Bugzillaのバグ番号へのリンクとか変更が入ったファイル名の一覧とか、その他できればBonsaiと同じように分かりやすくなって欲しいな。

追記(2008年6月5日5時30分):

さっそく、Past Modernで:nth-child(n)を使ってみたり。

追記(2008年6月5日19時40分):

コメント
お名前 コメント