我如何改变一个HTML主题有一定的属性时，文本都是粗体和斜体

Question

我不确定如何描述它，但是如果我有这样的代码:

b, strong { font-weight: bold; font-size: 105%; }
i, em { font-style: italic; font-size: 105%; }

这些会使主题使它，如果文本是粗体，然后把它放大105%，同样的斜体，我相信你知道。如果文本是粗体和斜体，那么它会做一些事情。例如，我希望粗体和斜体文本的font-size为:115%，同时保持它们各自为105%

Answer 1

用strong和em, b和i留作他用。对于既粗体又斜体的内容使用此规则:

strong em, 
em strong 
{ } 

Answer 2

听起来最简单的方法是使用类，一个用于粗体，另一个用于斜体，然后使用:

.bold, .italic {font-size: 105%; }
.bold.italic {font-size: 115%;}

但也许有人会想出一些可以直接与标签一起工作的东西。

---

请看这里:

.bold, .italic {font-size: 105%; }
.bold.italic {font-size: 115%;}
.bold {font-weight: bold}
.italic {font-style: italic}

<span class="bold">I am BOLD</span><span class="italic">, I am ITALIC</span>, <span class="bold italic">and I am BOTH!</span>