Как бы я изменить HTML тему, чтобы иметь определенное свойство, когда текст как полужирный и курсивный

Question

Я не знаю, как описать это, но если бы я был такой код:

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

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

Те причины тема, чтобы сделать так, чтобы, если текст выделен жирным шрифтом, сделайте его на 105% больше, а также выделено курсивом, как я уверен, вы знаете. Как я могу сделать это так, чтобы, если текст выделен жирным шрифтом и курсирован, тогда он что-то сделает. Например, я хочу, выделенные полужирным шрифтом выделены курсивом текст, чтобы быть размер шрифта: 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>