Hocam bunun için en sağlıklı yöntem h2 ler li elementi yerine h2 elementi olacak yani h2 lerden sonra liste gelecek. Ekran okuyucuları ve seo açısından daha verimli olacağı kanaatindeyim
https://jsfiddle.net/sevy83rz/6/
şöyle bir işlev var istersen geliştirilebilir buradan yola çıkarak devam edebilirsin yapamazsan akşam müsait olunca bakabiliriz.
Listenin tamamı numaralardan oluşunca karmaşa oldu. a-b-c yaptım alt listeleri. Sonuç:
https://prnt.sc/rfw7ol
HTML yapısında hata yapmışım, şöyle olmalıymış;
<li class="list-h2">A
<ul>
<li class="list-h3">Ali</li>
<li class="list-h3">Ayşe</li>
</ul>
</li>
<li class="list-h2">B</li>
<ul>
<li class="list-h3">Burak</li>
</ul>
</li>CSS olarak ise;
li {list-style-type:decimal;}
li ul li {list-style-type: lower-alpha;}Canlı hali:
https://miyavliyo.com/american-shorthair/