html - 如何在两个相同的 元素上放置不同的样式？

Question

我有这个

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

在 css 中有没有一种方法可以说第一个引用将是粗体，第二个是斜体，无需编辑上面的代码？

Answer 1

使用 CSS3，您应该能够使用以下样式完成此操作:

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

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