スタイルリスト内のリスト

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'); 
} 

すべての弾丸が同じイメージを持っていますが、私は、リスト項目のLiが

Answer 1

ULの異なる弾丸タイプを持つようにしたいです

2番目のCSSセレクタでより具体的にする必要があります。 .bbb liは、liの各要素に、ulの要素に適用されます（第1レベルまたは第2レベルに関係なく）。

あなたは（非常に具体的な - .bbb ul liまたは.bbb li liも動作し、より少ない特定のだろう）.bbb ul li ul liにセレクタを変更する場合は、あなただけのネストされたli要素のための画像を変更することができます。

Answer 2

<li>ではなく、<ul>タグにList-style-itemを適用する必要があります。あなたの質問が入れ子の異なるレベルのために異なる弾丸のタイプを持つことであるならば、最良の選択肢はそれぞれ<ul>にクラスを与えることです。代わりにspan.bbb > ulのような何かをして、直接の子供だけを選択することもできますが、これは一般的には良いことではありません。

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