2007年09月01日 23:28 | コメント(4) | トラックバック(0)
div/span/id/classを使わない話、CSSに無理が出ていると書いた。
特に気持ちが悪いのは、"ul li" "ul li+li"・・・のシリーズだ。順序なしリストなのに、順序が決定的に効いている。
うげぇ。せめてolにしておけばよかったかな......焼け石に水だが。
トラックバックURL: http://adp.daa.jp/cgi/mt2/mt-tb.cgi/616
もともとネタ企画ではありますが、ul要素に効いている「順序」が純粋にレイアウトのものであるならば問題ないのではないでしょうか。 リストの偶数番目、奇数番目で背景色を変えるスタイルのような感じであれば。
ご指摘ありがとうございます。たしかに、順序が内容に影響を与えない範囲であればOKですね。しかし、今回の例はul liにHomeの画像、ul li+liにAboutの画像、ul li+li+liにDesign/CSSの画像、と指定してますので、NGです（笑） あと、リストの偶数番目、奇数番目で背景色を変えるスタイル、興味があるのですが、どうやってやるんでしょうか・・・
>あと、リストの偶数番目、奇数番目で背景色を変えるスタイル、興味があるのですが、どうやってやるんでしょうか・・・ HTML+CSSに限った話ではなく純粋にスタイルの話として、例に挙げさせて頂きました (iTunesのプレイリストのような感じで)。 CSSでこれを行う場合、CSS3の "nth-child()" を使うことになると思うのですが、現状では草案となりますので、「idやclassを使う」「style属性の直書きする」「scriptによるstyle付与」「予め、li+li+li+...というセレクタを用意する」ということになると思います (最後の案は、UAへの負担が極端に大きくなりますので、半ばネタですが)。 http://www.w3.org/TR/2005/WD-css3-selectors-20051215/#nth-child-pseudo
ご回答ありがとうございます。 現状ではCSSのみでスマートにやる方法はないみたいですね。残念。
コメントの内容確認のため、反映されるまで時間がかかる場合があります。e-mailはサイトに掲載されません。
名前
メールアドレス
URL
ログイン情報を記憶
コメント
Custom Search
このページの先頭へ
もともとネタ企画ではありますが、ul要素に効いている「順序」が純粋にレイアウトのものであるならば問題ないのではないでしょうか。
リストの偶数番目、奇数番目で背景色を変えるスタイルのような感じであれば。
ご指摘ありがとうございます。たしかに、順序が内容に影響を与えない範囲であればOKですね。しかし、今回の例はul liにHomeの画像、ul li+liにAboutの画像、ul li+li+liにDesign/CSSの画像、と指定してますので、NGです（笑）
あと、リストの偶数番目、奇数番目で背景色を変えるスタイル、興味があるのですが、どうやってやるんでしょうか・・・
>あと、リストの偶数番目、奇数番目で背景色を変えるスタイル、興味があるのですが、どうやってやるんでしょうか・・・
HTML+CSSに限った話ではなく純粋にスタイルの話として、例に挙げさせて頂きました (iTunesのプレイリストのような感じで)。
CSSでこれを行う場合、CSS3の "nth-child()" を使うことになると思うのですが、現状では草案となりますので、「idやclassを使う」「style属性の直書きする」「scriptによるstyle付与」「予め、li+li+li+...というセレクタを用意する」ということになると思います (最後の案は、UAへの負担が極端に大きくなりますので、半ばネタですが)。
http://www.w3.org/TR/2005/WD-css3-selectors-20051215/#nth-child-pseudo
ご回答ありがとうございます。
現状ではCSSのみでスマートにやる方法はないみたいですね。残念。