How can I customize the style of list items within a list?
HTML code
<span class=bbb>
<ul>
<li>Preparing archive inquiries about study periods or work experience at LLU:
<ul>
<li>Within seven days - 5.69 EUR / 4.00 LVL</li>
<li>Within one day - 8.54 EUR / 6.00 LVL</li>
</ul>
</li>
<li>Preparing academic inquiries within seven days (information about the study program, credit points, subjects):
<ul>
<li>If the inquiry is needed for the first two courses - 5.69 EUR / 4.00 LVL</li>
<li>If the inquiry is needed for all courses starting from the third - 9.96 EUR / 7.00 LVL</li>
</ul>
</li>
<li>Preparing academic inquiries by printing from the LLU IS program - 2.85 EUR / 2.00 LVL</li>
</ul>
CSS code
.bbb ul{
list-style-image: url('2.png');
}
.bbb li{
list-style-image: url('1.png');
}
Although all bullets currently have the same image, I would like each list item (li) to have a different bullet type than the unordered list (ul).