以下の私のコードの何が問題になっていますか?以下の私のコードはうまく機能しません
<ul>
<li><font-color ="Red"/> Text 1</li>
</ul>
Font-color
は有効なHTMLタグまたはスタイル宣言ではありません。構文的には、違法です。
代わりに、次のようになります。<li style="color:red">foo</li>
ただし、ほとんどの場合、スタイルを独自のスタイルシートに移動し、代わりにクラス名を使用することをお勧めします。
HTML
<li class="my-class">foo</li>
CSS
.my-class { color: red; }
@JanDvorakが指摘したように、「ハイライト」などのクラスにはわかりやすい名前を使用してみてください。
IDセレクターなど、他のセレクターを使用して要素のスタイルを設定することもできます。
HTML
<li id="item1">foo</li>
CSS
#item1 { color: red; }
そのはず:
<ul>
<li style="color: Red;"> Text1</li>
</ul>
フォントは自動終了タグではありません。また、非推奨になっているため、可能であれば変更を検討する必要があります。次のようになります。
<ul>
<li style='color:red'> Text 1</li>
</ul>