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

不要更改元素的标签名称。

为元素添加一个class或一个id以区分它们。

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

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

jsFiddle example