список элементов внутри списка

Question

Как стиль списка элементов внутри списка?

HTML код

<span class=bbb> 
<ul> 
    <li>Arhīva izziņas sagatavošana par studiju laiku vai darba stāžu LLU: 
     <ul> 
      <li>Septiņu dienu laikā - 5.69 EUR/4.00 LVL</li> 
      <li>Vienas dienas laikā - 8.54 EUR/6.00 LVL</li> 
     </ul> 
    </li> 
    <li>Akadēmiskās izziņas sagatavošana septiņu dienu laikā (informācija par apgūto studiju programmu, apjomu kredītpunktos, studiju priekšmetiem): 
     <ul> 
      <li>Ja izziņa nepieciešama par pirmajiem diviem kursiem - 5.69 EUR/4.00 LVL</li> 
      <li>Ja izziņa nepieciešama par visiem kursiem, sākot ar trešo - 9.96 EUR/7.00 LVL</li> 
     </ul> 
    </li> 
    <li>Akadēmiskās izziņas sagatavošana, izdrukājot no LLU IS programmas - 2.85 EUR/2.00 LVL</li> 
</ul> 

код CSS

.bbb ul{ 
list-style-image: url('2.png'); 
} 
.bbb li{ 
list-style-image: url('1.png'); 
} 

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

Answer 1

Вы должны быть более конкретными в своем втором селекторе CSS. .bbb li будет применяться к каждыйli элемент внутри a ul, независимо от того, первый или второй уровень.

Если переключатель в положение .bbb ul li ul li (очень специфический - .bbb ul li или .bbb li li бы также работать и быть менее специфичен), вы сможете изменить образ только для вложенных li элементов.

Answer 2

Элемент списка-стиля следует применять к <ul> тегам, а не <li>. Если ваш вопрос состоит в том, чтобы иметь разные типы пули для разных уровней вложенности, лучшим вариантом является просто дать каждому классу <ul>. Вы можете в качестве альтернативы сделать что-то вроде span.bbb > ul, чтобы выбрать только непосредственных детей, но это, как правило, не является хорошей практикой.

https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-image