htmlthemingtumblr-themes

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


I'm not sure how to describe it, but if I had a code such as:

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

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

Those cause the theme to make it so that if the text is bold, then make it 105% bigger, and likewise for italicized, as I'm sure you know. How would I go about making it so that if the text is Bold AND Italicized, then it'll do something. For example, I want bolded and italicized text to be font-size: 115%, while keeping them individually at 105%


Solution

  • Use strong and em, and save b and i for other things. Use this rule for things that are both bold and italicized:

    strong em, 
    em strong 
    { }