ArtSaltのサイドストーリー

音楽、フリーウェア、WEBサービス、食べものなどに関する日記。トラックバック、コメント歓迎。

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

:nth-child()のnthは何の略か

  1. 2ちゃんねるのOperaの初心者スレッドをなにげなく読んでたとき :nth-child() という擬似クラスを知る。CSS3で登場した新顔らしい。
  2. これについて調べてるうちに、「nth って何の略だろう」という、わりとどうでもいい疑問が湧いてくる。
  3. "nothing" ? 「notation hなんとか」「no tなんとか hなんとか」…
  4. n がたぶん numbered または number の頭文字であろうとすぐに気づく。
  5. しかし th が何なのかさっぱりわからない。英語圏のサイトをぐぐっても出てこない。
  6. 30分後やっと気づいた。nth の意味。
  7. 4th, 5th, 6th... そういうことですか、そうですか。無駄に消費してしまった30分でしたね。
  8. 悔しいのでリスト要素に :nth-child() を組み込んだHTMLをつくって表示してみた。
擬似クラス :nth-child() の実験
<style type="text/css">
<!--
li:nth-child(odd) {
color:black;
background:wheat;
}
li:nth-child(even) {
color:black;
background:mistyrose;
}
-->
</style>

色彩感覚には全く自信がないので、うちのブログのテンプレートにこういうのを組み込む予定はない。

関連

Google
WWW ArtSaltのサイドストーリー
Web site (optional)
Comment - Need to type CAPTCHA, an image of distorted Japanese Hiragana or Katakana afterward.
Password - Not allowed to modify your comment later if password not entered.
On secret mode?
 

http://art2006salt.blog60.fc2.com/tb.php/927-8b68fe87

このブログについて

最近のエントリ

カテゴリー
あわせて読みたいブログ

あわせて読みたい

最近のコメント
Internet Explorer
よりも便利です

Opera 9 - Always secure with Opera Firefoxをダウンロード!!

相互リンク
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。