مشکل این کد

[olampiad]

سلام و
خسته نباشید
به این کد ی نگا بندازید
مشکل این کد کجاست؟
من می خوام وقتی ماس رفت روی li اولین ul موجود در آن را نشان دهد.

nav ul li:hover ul:nth-of-type(1){
display:block;
}

[ab.ali]

first-child اول استفاده کنید و ببینید درسته یا نه ، و گرنه مشکل ی تونه از طرز نوشتن تگ ها هم باشه.

[olampiad]

سلام
اینم ساختار منو




<nav>
<ul>
<li class="first"><a href=""> صفحه اصلی </a></li>
<li><a href=""> محصولات </a>

<ul class="mahsol">
<li><a href="">ابزار</a>

<ul class="abzar">
<li><a href=""> ابزار بزرگ </a></li>
<li><a href=""> ابزار کوچک </a></li>
<li><a href=""> دندان موشی </a></li>
<li><a href=""> ورساچ </a></li>
</ul>

</li>
<li><a href=""> تاج </a>

<ul class="taj">
<li><a href=""> تاج </a></li>
<li><a href=""> دیرک </a></li>
</ul>

</li>
<li><a href=""> چراغ سنگی</a></li>
<li><a href=""> آبنما </a></li>
<li><a href=""> ستون </a>

<ul class="soton">
<li><a href=""> سر ستون </a></li>
<li><a href=""> ستون </a></li>
<li><a href=""> پایه ستون </a></li>
</ul>

</li>
<li><a href=""> گلدان </a></li>
<li><a href=""> گوس </a></li>
<li><a href=""> گوی </a></li>
<li><a href=""> لوتوس </a></li>
<li><a href=""> نرده </a></li>
<li><a href=""> هخامنشی </a>

<ul class="hakhamanesh">
<li><a href=""> اهورا </a></li>
<li><a href=""> بارعام شاهی </a></li>
<li><a href=""> سرباز </a></li>
<li><a href=""> شکار شیر </a></li>
<li><a href=""> شیرو شاه </a></li>
<li><a href=""> کله گاوی </a></li>
</ul>

</li>

</ul>

</li>
<li><a href=""> خدمات </a>


<ul class="khadmat">
<li><a href=""> مشاوره </a></li>
<li><a href=""> طراحی </a></li>
<li><a href=""> تولید </a></li>
<li><a href=""> اجرا </a></li>
<li><a href=""> فروش </a></li>
</ul>



</li>
<li><a href=""> درباره ما </a></li>
<li><a href=""> تماس با ما </a></li>
<li><a href=""> پروژه ها </a>


<ul class="project">
<li><a href=""> انجام شده </a></li>
<li><a href=""> درحال اجرا </a></li>
</ul>

</li>

<li class="llast"><a href=""> درخواست محصول </a></li>

</ul>
</nav>