اختصاص استایل به منوی لول اول

[css-man]

دوستان ن یه استایلی تعریف کردم که فقط میخوام روی منوی لول اول تاثیر بزاره

و زیر منوها حالت خودشون رو داشته باشن
لطفا راهنمائی کنید



var margin=new Array(90,0,12,85,23,0,0,80);
var lifirst=$(".menu ul.dinamic:not(.level2) li").size();
for(i=0 ;i<=margin.length ;i++)
{
$(".menu ul.dinamic:first li:nth-child("+i+")").css("margin-top",margin[i]);
}






111833


با کدهای بالا من margin هر کدوم از منوها م رو مشخص میکنم که مثل عکسی که گذاشتم شده

ولی این margin ها به لول دوم منوهام هم تخصیص داده میشه که نمی خوام اینطور باشه

[jalil_gh]

این لیست شما ساختارش چطوریه؟؟
شما میتونید با انتخابگرهای css3 فقط liهای ردیف اول رو انتخاب کنید.

<ul id="menu">
<li>
<ul>
<li></li>
<li></li>
</ul>
</li>
<li></li>
<li></li>
</ul>

<script src="lib/jquery.js"></script>
<script>
$('#menu > li').addClass('first');
</script>

[css-man]

این کل ساختار منوی من هست.

<ul class="dinamic">
<li><a href="#">محصولات</a>
<ul class="level2">
<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>
</ul>

[Javidhb]

var margin=new Array(90,0,12,85,23,0,0,80);
var lifirst=$("ul.dinamic > li").size();
for(i=0 ;i<=margin.length ;i++)
{
$("ul.dinamic > li:nth-child("+i+")").css("margin-top",margin[i]);
}

});


ul > li باعث میشه که فقط اولین سری از li مربوط به ul انتخاب بشه. هر < یه level بین children یک المنت پایینتر میره.

[css-man]

علاوه بر اینکه کار من رو راه انداختی نکته خیلی خوبی هم ازت یاد گرفتم
مرسی :تشویق::تشویق: