Html 如何在两个相同的屏幕上放置不同的样式<；引用>；元素？

我有这个

<p>
     <cite>One</cite><cite>Two</cite>
</p>

一二

---

css中有没有一种方法可以说第一个引用是粗体，第二个是斜体，而不编辑上述代码？

您可以使用：first child伪选择器，尽管它不支持跨浏览器

p cite:first-child { font-weight: bold; font-style: normal; }
cite { font-style: italics; }

---

但请注意，它在IE6中不起作用。您可能希望使用jquery在ie6中应用css3规则。还有一个名为的脚本，但速度有点慢。

使用CSS3，您应该能够通过以下方式完成此任务：

cite:nth-child(1) { font-weight: bold; }
cite:nth-child(2) { font-style: italic; }

---

目前对CSS3的支持非常差，因此请检查您决定支持的浏览器。

使用CSS可以实现这一点，但它与IE6不兼容。只要你同意，你可以这样做：

p cite {
    font-weight: bold; 
}

p cite + cite {
    font-style: italic; 
    font-weight: normal;
}

之所以这样做，是因为“+”选择了任何给定引用的兄弟。由于同级关系只在DOM中向前移动，因此您将只选择第二个（或第n个，其中n>1）cite标记

---

不幸的是，+不适用于IE6。

你应该使主题标题更具描述性，更具体地针对你的实际问题。你正在尝试使用钻孔和锤子固定摄像头……使用这种方法，段落中的所有引用标记都将以粗体显示。（当然，第二个和后续引用都将以斜体显示）。

p cite:first-child {
    font-weight: bold;
}
p cite:last-child {
    font-style: italic;
}

p cite:first-child {
    font-weight: bold;
}
p cite:last-child {
    font-style: italic;
}