Houjou

TL;DR: How do I set up a ul class to obtain the same result so that I don’t have to use a li class?

Thank you.

Ever since I got it to work and realized I’d have to manually add the class every time, I thought giving a class to every ul instead of every li would save me some time (now and in the future).

At first, I had:

ul li.special {
 list-style-type: none; background: #f5f5f5; padding: 20px; margin: 5px 0 5px 0
}

(which works perfectly! but requires me to change every single li of the post!)

Then I tried to obtain the same result by changing the ul as follows:

ul.special {
list-style-type: none; background: #f5f5f5; padding: 20px;
}

ul.special li {
margin: 0 0 5px;
}

However, now the different li elements do not have a (white) space between them (between the grey-background elements).

Do you think there is an easy way to solve this? I will stop using your time after this extra question, I promise 🙂