当文本为粗体和斜体时,我如何更改 HTML 主题以具有特定的 属性

How would I change an HTML theme to have a certain property when text is both bold AND italicized

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

b, strong { font-weight: bold; font-size: 105%; }

i, em { font-style: italic; font-size: 105%; }

这些会导致主题变成这样,如果文本是粗体,则将其放大 105%,斜体也是如此,我相信您知道。我将如何着手制作它,以便如果文本是粗体和斜体,那么它会做一些事情。例如,我希望粗体和斜体文本为 font-size: 115%,同时将它们单独保持在 105%

使用strongem,其他的留着bi。将此规则用于粗体和斜体的事物:

strong em, 
em strong 
{ } 

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

.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>