使用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

请勿更改元素的标记名称。

在元素中添加class或id以区分它们。

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

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

jsFiddle example