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

<b>粗体文本</b>
<i>斜体文本</i>
<b><i>粗斜体文本</i></b>

<style>
    .bold {
        font-weight: bold;
    }

    .italic {
        font-style: italic;
    }

    .bold-italic {
        font-weight: bold;
        font-style: italic;
    }
</style>

<span class="bold">粗体文本</span>
<span class="italic">斜体文本</span>
<span class="bold-italic">粗斜体文本</span>