Apologies if this question has already been answered elsewhere...I have been unable to find the solution, perhaps due to my lack of knowledge on how to phrase it.
I am attempting to modify list items by setting a class for the ul, eliminating the need to add the class to each individual list item.
Specifically, I have a list of blue dot icons and a list of green dot icons.
My goal is to achieve the following:
<ul class="greendot">
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
</ul>
Using CSS like this:
ul.greendot {
list-style-image: url(http://greendot.jpg);
}
Thank you!