html - CSS3 を使用して段落を個別にフォーマットする

Question

CSS3 を使用すると、単一の段落を<p>有効にフォーマットできます。しかし、書式が異なる複数の段落が必要な場合は、段落の名前を と に変更<p1>し<p2>ます。個別にフォーマットできますが、有効性テストに合格しません。それがまだ有効な方法でこれを行うにはどうすればよいですか?

私が現在行っている方法では、次のエラーが発生します。

Element p1 not allowed as child of element body in this context.
Element p2 not allowed as child of element body in this context.

Answer 1

要素のタグ名を変更しないでください。

それらを区別するために、要素にaclassまたは anを追加します。id

<p class="p1">Paragraph 1</p>

<p class="p2">Paragraph 2</p>

jsFiddle の例