将不同样式应用于CSS中的相同元素

假设我有以下XML代码：

<?xml version="1.0" standalone="no"?>
<?xml-stylesheet type="text/css" href="email.css"?>
<!DOCTYPE emaillist [
<!ELEMENT emaillist (email)>
<!ELEMENT email (to,from,sub)>
<!ELEMENT to (#PCDATA)>
<!ELEMENT from (#PCDATA)>
<!ELEMENT sub (#PCDATA)>
]>

<emaillist>
    <email>
        <to>john@gmail.com</to>
        <from>smith@gmail.com</to>
        <sub>Application leave</sub>
    </email>
    <email>
        <to>alex@gmail.com</to>
        <from>rutherford@gmail.com</to>
        <sub>Resignation</sub>
    </email>
    <email>
        <to>michael@gmail.com</to>
        <from>jackson@gmail.com</to>
        <sub>Enrollment</sub>
    </email>
</emaillist>

现在，我可以为同一个元素有两个不同的属性吗？例如，对于第一个元素，我想要字体系列Verdana，而对于第二个元素，我想要Arial。如何使用css文件实现这一点？请编写xml和css文件所需的代码更改

我想你可以考虑一个副本，但这个问题没有得到很好的回答。因此，我再次发布了这个问题。

内联样式 最明显的方法是向元素添加内联样式。以下是其中之一：

<email style="font-family: 'Arial';"> ... </email>

---

您可以为元素指定不同的或唯一的，使用选择器（仅限CSS3），或者使用内联样式

<email style="font-family: 'Arial';"> ... </email>

email:nth-child(2) {
    font-family: 'Verdana';
}