TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Zdravím,
jakožto začátečník v jQuery se prokousávám selektory, ale zasekl jsem se na selektorech seznamů s více úrovněmi. V přiloženém kódu je jednoduchý seznam, kde se snažím přiřadit třídu jen druhé úrovni, ale žádný selektor mi na to nesedí, při všech se vybere i třetí úroveň.
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
li {color: #000;}
.special {color: #f00;}
</style>
</head>
<body>
<ul id="seznam">
<li>Auto
<ul>
<li>Mazda</li>
<li>Ford</li>
<li>Škoda</li>
<li>Opel</li>
</ul>
</li>
<li>Jídlo
<ul>
<li>Chleba</li>
<li>Maso</li>
<li>Mrkev</li>
</ul>
</li>
<li>Knihy
<ul>
<li>Dětské
<ul>
<li>Slabikář</li>
<li>Slabikář 2</li>
</ul>
</li>
<li>Dobrodružné</li>
<li>Sci-fi</li>
</ul>
</li>
</ul>
<script type="text/javascript" src="jquery.js"></script>
<script>
$('#seznam > li').addClass('special');
</script>
</body>
</html>
V uvedeném případě se pomocí '>' filtruje jen první potomek 'li' ale dál nevím. Dále mě zaráží, že pokud ve <style> nezadám barvu 'li', třída .special se přiřadí celému seznamu. Jsem si vědom, že se jedná o naprosté základy a proto bych si je rád ujasnil, díky moc za rady.
