Menu rozwijane CSS

Question

Witam, nie wiem dlaczego lista rozwijana nie działa (lista się nie rozwija). 

Proszę o pomoc!

 

#left_nav > ul > li {
	list-style-type:none;
	padding:0;
	margin:0;
	text-align:center;
}


#left_nav > ul > li{
	float:left;
	margin-left:-40px;
	width:220px;
	display:none;
	
}

#left_nav > ul > li:first-child {
	margin-left:-40px;
}

#left_nav > li:hover > ul > li {
	display:block;
}

<ul id="left_nav">
				<li>TEKST</li>
				<li><a href="#">TEKST</a></li>
				<li><a href="#">TEKST</a></li>
				<li><a href="#">TEKST</a></li>
				<li><a href="#">TEKST</a></li>
					<ul>
						<li><a href="#">TEKST</a></li>
						<li><a href="#">TEKST</a></li>
					</ul>
				<li><a href="#">TEKST</a></li>

 

Comments

jak nie rozwija, co dokładnie chcesz zrobić?

---

Chcę aby po najechaniu myszką na TEKST, pojawiła się podlista

---

popatrz sobie na przykłady, pierwszy lepszy wynik w google i gotowy przykład: https://codepen.io/andornagy/pen/xhiJH

próbowałes chociaż coś sam szukać... chyba nie co? :)

Kolejny przykład nieco bardziej rozbudowany: https://codepen.io/ahsanrathore/pen/wMRwpZ

google... może naprawdę zdziałać cuda :)

---

Patrzyłem na inny przykład.

Nie działa display:block;

Do tego momentu wszystko ok, ale jak ukrywam listę to potem display:block; nie działa

---

Przypatrz się swojej strukturze html i sposobie w jaki chcesz sie do niej odwoływać w css bo masz tam błędy.

Answer 1

1. <ul id="left_nav"> - ta lista nie ma zamykającego tagu. 
2. Jeśli ta druga lista ul ma być zagnieżdżona w pierwszej "left_nav", to musisz ją umieścić wewnątrz <li></li> a nie obok.
3. #left_nav > ul > li - chcesz, aby po najechaniu pojawiała się tylko ta lista ul, która jest zagnieżdżona, czy elementy li listy #left_nav? Bo aktualnie odnosisz się do ul wewnątrz #left_nav

Comments

Zapomniałem skopiować zamykanie <ul id="left_nav">.

Ale, drugi punkt zadziałał. Dziękuje