HTMLタグの中でclassを複数入れる方法

CSSではなくHTML(XHTML)のタグにclassを複数入れたときは次のようにします。

HTML入力

<p class="style123 class123">
あいうえお
</p>

HTML出力

あいうえお

classの中身を半角空白で区切るだけ。これでstyle123とclass123というスタイルになります。三つ以上の場合も同様です。

HTML入力

<p class="style123 class123 style456">
あいうえお
</p>

HTML出力

あいうえお

CSSで定義するほどでもない、そのページでしか使わないスタイルを作りたいときに重宝するかもしれない。

広告