如何在CSS中结合粗体和斜体？

Question

这个 W3Schools 教程 教我如何使用 CSS font-style 属性使文本变粗（相当于 <b&g>this</b> 在老式 HTML 中）以及如何使文本斜体（相当于 <i>this</i> 在老式的 HTML 中）。

但是，我似乎无法在任何地方找到如何使文本同时具有这两个属性（相当于老式 HTML 中的 <b><i>this</i></b> ）。

有没有办法使用纯 CSS 来做到这一点？

我试过这个：

 font-style: italic bold;

结果是页面忽略了这两个属性，就好像我根本没有指定这个属性一样。

当我尝试这个时，我得到了相同的结果：

 font-style: italic, bold;

当我尝试这个时，我得到了不同的结果：

 font-style: italic; bold;

这一次，发生的事情是它使用了给定的第一种样式（斜体）但忽略了第二种（粗体）。

这可以用纯CSS来完成吗？

原文由 Sophia_ES 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你很接近。

italic 与 font-style 一起使用，而粗体与 font-weight 一起使用。

采用：

 font-weight: bold;
font-style: italic;

原文由 Richard Hamilton 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

font-style 是单值属性。 bold 无论如何都是字体粗细。要组合多个值，您可以使用简写 font 属性。但是， font 速记需要条目： font-size 和 font-family 。如果您不在速记中包括这两个，该属性将被忽略。

将这些包括在您的 font 速记以及 italic bold ，它应该可以工作。

原文由 TylerH 发布，翻译遵循 CC BY-SA 3.0 许可协议