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