Zagnieżdżenie innego stylu w liście UL

[mwic]

Czesc,

mam nastepujacy plik html:

https://kno.ii.uni.wroc.pl/moodle/file.php/...terialy/z9.html

I potrzebuje napisac do niego kod CSS aby:

- "pierwsze" punkty "pierwszy, drugi i trzeci" byly oznaczone kwadratami

- podpunkty oznaczone kolkami

- "drugie" punkty "pierwszy, drugi i trzeci" jako niewypelnione kolka.

Poki co mam tyle:

li {
list-style-type: square;
}

.o li {
list-style-type: circle;
}

I nie wiem jak zrobic, aby zagniezdzone listy ul w juz istniejacej liscie zmienily swoje podpunkty na kolka. Bede bardzo wdzieczny za pomoc.

[yavaho]

Zagniezdzasz w stylach

ul li {
list-style-type: square;
}
ul li ul li {
list-style-type: circle;
}
ul li ul li ul li{
list-style-type: decimal;
}

Albo nadajesz im klasy

[mwic]

Dzieki za odpowiedz. Myk polega na tym, ze nie moge ruszac kodu html. Jest klasa dla listy na samym dole co ulatwie zmiane wypunktowania w tym miejscu. Natomiast przy zastosowaniu takiego stylu:

ul li {
list-style-type: square;
}

.o li {
list-style-type: circle;
}


ul li ul li {
list-style-type: decimal;
}

Nadal przy wszystkich pierwszych punktach sa kwadraty, a docelowo chcialbym otrzymac kwadraty na punktach, a kolka na podpunktach.