Jak działa ul li ul i czy mogę użyć do tego klasy? - html, css

Więc pracowałem nad kodem i znalazłem to "ulli ul. "Próbowałem to zrozumieć, tworząc plik testowy i sam go wypróbowałem, ale po prostu nie mogłem tego zrozumieć. I naprawdę nie wiem, jak się nazywa (nigdy wcześniej tego nie widziałem), nie mogę go naprawdę.

To jest kod, którego użyłem:

ul {
list-style-type: none;
}
ul li {
color: blue;
}
ul li ul li {
display: none;
}
ul li ul {
list-style-type: square;
}

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<ul>
<li>a.</li>
<li>b.</li>
<li>c.</li>
<li>d.</li>
<ul>
<li>1.</li>
<li>2.</li>
<li>3.</li>
<li>4.</li>
<li>5.</li>
</ul>
<li>e.</li>
</ul>
<li>4</li>
<li>5</li>
</ul>

A także jak można z tego skorzystać i stworzyć klasę, ponieważ w całej witrynie mogę użyć więcej ul i nie chcę, żeby wszystkie miały ten sam styl. Na przykład .test li ul i czy to działa?

Znalazłem kod w znacznie trudniejszym pliku i mogę go przesłać, jeśli chcesz.

Odpowiedzi:

UL oznacza listę nieuporządkowaną. Zazwyczaj będzie to wyświetlane jako lista punktowana.

LI to elementy listy lub każdy punkt wypunktowania.

PRZYKŁAD:

<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

Ten kod wyświetla się w następujący sposób:

• Przedmiot 1
• Element 2
• Element 3

Jeśli chcesz go nadać styl, możesz dodać klasę, jeśli chcesz, aby wszystkie twoje nieuporządkowane listy były takie same, lub identyfikator, jeśli chcesz tylko określoną listę w określony sposób.

Przykład:

<ul class="mylist"> </ul>
<ul id="listone"> </ul>

Następnie użyjesz CSS do stylizowania odpowiednich znaczników.