LIのcssについて

[新着] Webテンプレートを仮オープンしました

0   名前： あや ： 2006/06/30（金） 14:29  ID:IlPpCxjP
LIのタグをSTYLESHEETを利用して書きたいと思います。

以下のような結果がほしいです。
1. ここは青色
通常黒色の文書

2. ここは赤色
通常黒色の文書

HTMLは以下のように書いたがうまくいきません。
<oL>
<b><li style="color:blue;">ここは青色</li></b>
通常黒色の文書

<b><li style="color:red;">ここは赤色</li></b>
通常黒色の文書
</ol>

以下のような結果となりました。
1. ここは青色
通常黒色の文書＜−−−−＃ここも青色になっちゃいます

2. ここは赤色
通常黒色の文書＜−−−＃ここも赤色になっちゃいます。

どこが間違ったんですか？
</li>でちゃんと閉じていますが。。
1   名前： 匿名 ： 2006/06/30（金） 14:29  ID:zqn32COP
> どこが間違ったんですか？
かなり間違ってます。
1. ol 直下に b は置けない
2. b は li を内包出来ない
<ol>
 <li>
  <p style="color:blue;">ここは青色</p>
  <p>通常黒色の文書</p>
 </li>
 <li>
  <p style="color:red;">ここは赤色</p>
  <p>通常黒色の文書</p>
 </li>
</ol>

まあ、それ以前に style属性もおススメできませんけども。
2   名前： 匿名 ： 2006/06/30（金） 14:29  ID:zqn32COP
ああ、すいません。b要素の存在をすっかり忘れてました。
<ol>
 <li>
  <p style="color:blue;font-weight:bold;">ここは青色</p>
  <p>通常黒色の文書</p>
 </li>
 <li>
  <p style="color:red;font-weight:bold;">ここは赤色</p>
  <p>通常黒色の文書</p>
 </li>
</ol>
3   名前： 匿名 ： 2006/06/30（金） 14:29  ID:zqn32COP
あと、あなたが（恐らく）間違えて投稿してしまった方のZさんのレスは読む価値有りです。
http://www.tagindex.com/cgi-lib/q2bbs/patio.cgi?mode=view2&f=713&no=1

というか、（TAG index 内での）マルチかこれ？
4   名前： あや ： 2006/06/30（金） 14:29  ID:IlPpCxjP
匿名さん、
ありがとうございます。
＞1. ol 直下に b は置けない
＞2. b は li を内包出来ない
は初めて知りました。
勉強になりました。。
今まで動いたので（太字）特に規則ないかと思いました。
番号に太字をつけたいときに、OL直下、番号は普通、箇条書きの内容を太字にしたい場合は、LI内にBを書きました。。

ありがとうございます
リンクも読んでみます。
5   名前： Z ◆XTzyosZXcL ： 2006/06/30（金） 14:29  ID:kWTOVhJr
>>4
>今まで動いたので（太字）特に規則ないかと思いました。
　仕様書でも、たとえ文法違反があるHTML(XHTML)文書でも可能な限り処理できるようユーザーエージェントを設計するよう求められています。

仕様書該当部分：
http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/appendix/notes.html#h-B.1
http://www.w3.org/TR/html401/appendix/notes.html#h-B.1

　しかし、だからといって特定のユーザーエージェントにおけるエラー補完処理に頼ったHTML(XHTML)文書作りをするのはよろしくありません。HTML(XHTML)について、正しい理解の下に作成した方が「どんな環境でも」内容を伝えることが可能となります。
　また、あちら（http://www.tagindex.com/cgi-lib/q2bbs/patio.cgi?mode=view&no=713）からの繰り返しになりますがB要素は「太字」であることしか意味を持ちません。何を持って太字としたかったのか、の方がむしろ重要です（そのためにEM要素とSTRONG要素が用意されています）。

参考：
http://www.marguerite.to/Nihongo/HowToMakeYourWeb/Columns/ReadableWithoutCSS.html
6   名前： 暇人 ： 2006/06/30（金） 14:29  ID:zBjuIYyL
<ol>
<li><span style="color:blue;">ここは青色</span><br>
通常黒色の文書</li>
<li><span style="color:red;">ここは赤色</span><br>
通常黒色の文書</li>
</ol>

Bが嫌いならこれで良いんじゃないのかな
一覧へ戻る