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

我有这个

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

在 css 中有没有办法说第一个引用将是粗体，第二个是斜体， 而不编辑上面的代码 ？

最佳答案

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

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

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

关于html - 如何在两个相同的 <cite> 元素上放置不同的样式？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/591438/