以下の通り各タグにclassを適用してみました。
例１・・pタグにclass="purple"を適用。この行はpurple色になります
例２・・strongタグにclass="fuchsia"を適用。この行は無視され標準色になります
例３・・emタグにclass="green"を適用。この行は無視され標準色になります
例４・・bタグにclass="red"を適用。この行は無視され標準色になります
例５・・spanタグにclass="red"を適用。この行は一部のみred色になります
例６・・pタグにclass="zzz"を適用。class="zzz"は無いので無視され標準色になります
<html>
<head>
<title>初心者ホームページ作成術のサンプル 要素名に続けてクラス名で指定</title>
<style type="text/css">
<!--
p.black { color : black; }
p.gray { color : gray; }
p.silver { silver : silver; }
p.white { color : white; }
p.maroon { color : maroon; }
span.red { color : red; }
p.purple { color : purple; }
p.fuchsia { color : fuchsia; }
p.green { color : green; }
p.lime { color : lime; }
p.olive { color : olive; }
p.yellow { color : yellow; }
p.navy { color : navy; }
p.blue { color : blue; }
p.teal { color : teal; }
p.aqua { color : aqua; }
-->
</style>
</head>
<body>
<h1>要素名に続けてクラス名で指定</h1>
<p>以下の通り各タグにclassを適用してみました。</p>
<hr>
<p class="purple">例１・・pタグにclass="purple"を適用。この行はpurple色になります</p>
<p><strong class="fuchsia">例２・・strongタグにclass="fuchsia"を適用。この行は無視され標準色になります</strong> </p>
<p><em class="green">例３・・emタグにclass="green"を適用。この行は無視され標準色になります</em></p>
<p><b class="red">例４・・bタグにclass="red"を適用。この行は無視され標準色になります</b></p>
<p>例５・・spanタグにclass="red"を適用。<span class="red">この行は一部のみred色</span>になります</p>
<p><b class="zzz">例６・・bタグにclass="zzz"を適用。class="zzz"は無いので無視され標準色になります</b></p>
</body>
</html>
