おはようございます。きょうもいい天気ですねー。
週の真ん中、張り切ってまいりましょう！
＊ … * … ＊ … * …＊ … * … ＊ … * …＊ … * … ＊ … * … ＊ …
さて、本日は、最近(ﾉﾟοﾟ)ﾉ した、CSSのネタを紹介します！
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
テーブルを1行ごと（奇数行、偶数行）に色を変えたいってケースありますよね。？
その実現のためには、どうしても動的にプログラムを考えることが多かったですが、
このたび発表されたCSS３では、このようなケースのためのタグが用意されています！
使えるブラウザは制限されますが、なんせラクチンです。
CSSはこんな感じ。
=====================
tr:nth-child(2n) {background-color: white} /*偶数行 nth-child(even)も可*/
tr:nth-child(2n+1) {background-color: silver} /*奇数行 nth-child(odd)も可*/
=====================
参考：http://www.kanzaki.com/book/html/spec-nofollow.html#css3-selector
http://builder.japan.zdnet.com/sp/css-firefox-safari/story/0,3800083423,20385264,00.htm
"ストライプ"なテーブル作成にお困りの方、いかがですか？
P.S
サンプルを書きたかったのですが、、CSS対応のスキンでないので、できなかったっす m(_ _ )m
…いずれ後日、なんらかの方法で。
週の真ん中、張り切ってまいりましょう！
＊ … * … ＊ … * …＊ … * … ＊ … * …＊ … * … ＊ … * … ＊ …
さて、本日は、最近(ﾉﾟοﾟ)ﾉ した、CSSのネタを紹介します！
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
テーブルを1行ごと（奇数行、偶数行）に色を変えたいってケースありますよね。？
その実現のためには、どうしても動的にプログラムを考えることが多かったですが、
このたび発表されたCSS３では、このようなケースのためのタグが用意されています！
使えるブラウザは制限されますが、なんせラクチンです。
CSSはこんな感じ。
=====================
tr:nth-child(2n) {background-color: white} /*偶数行 nth-child(even)も可*/
tr:nth-child(2n+1) {background-color: silver} /*奇数行 nth-child(odd)も可*/
=====================
参考：http://www.kanzaki.com/book/html/spec-nofollow.html#css3-selector
http://builder.japan.zdnet.com/sp/css-firefox-safari/story/0,3800083423,20385264,00.htm
"ストライプ"なテーブル作成にお困りの方、いかがですか？
P.S
サンプルを書きたかったのですが、、CSS対応のスキンでないので、できなかったっす m(_ _ )m
…いずれ後日、なんらかの方法で。