رفتن به مطلب

سوال درمورد کد نویسی منو


پست های پیشنهاد شده

سلام دوستان به منوی زیر توجه کنین برای اینکه li دومی از خاصیت li اولی استفاده نکنه مجبور شدم از خاصیت impotrant! اسفاده کنم و اینکه الان li سومی رو کلا نمایش نمیده؟

درضمن قبل از استفاده از important! یه مشکل دیگه هم بود اونم این بود که وقتی میرفتی رو li اولی تمام زیر مجموعه های اون رو نشون میداد

a{ text-decoration:none}
.nav { float:left ; direction:rtl ; margin:0 ; padding:0 }
.nav ul { list-style:none ; border-radius:5px}
.nav ul li { float:left ; background:#353535 ; width:100px ; border:1px solid #CCC ; text-align:center ; padding:5px 5px ; position:relative ; -webkit-transition:all 0.3s }
.nav ul li a { color:#FFFFFF}
.nav ul li:hover { background:#FFFFFF}
.nav ul li:hover a { color:#000 }

.nav ul li ul { opacity: 0;
position: absolute;
top: 32px;
right: -41px; }
.nav ul li:hover ul { opacity:1}
.nav ul li ul li { background:#353535 !important }
.nav ul li ul li a { color:#FFFFFF !important }
.nav ul li ul li:hover { background:#FFFFFF !important }
.nav ul li ul li:hover a { color:#000 !important }
.nav ul li ul li { position:relative }
.nav ul li ul li ul li { position:absolute ;top:5px ; right:5xp}
.nav ul li ul li ul li { background:#353535 !important }
.nav ul li ul li ul li a { color:#FFFFFF !important }
.nav ul li ul li ul li:hover { background:#FFFFFF !important }
.nav ul li ul li ul li:hover a { color:#000 !important }

<div class="nav">
<ul>
<li><a href="#"> one </a></li>
<li><a href="#"> two </a>
<ul>
<li> <a href="#"> one </a> </li>
<li> <a href="#"> one </a> </li>
<li> <a href="#"> one </a> </li>
</ul>
</li>
<li> <a href="#"> three </a>
<ul>
<li> <a href="#"> one </a>
<ul>
<li> <a href="#"> one </a> </li>
<li> <a href="#"> one </a> </li>
<li> <a href="#"> one </a> </li>
</ul>
</li>
<li> <a href="#"> one </a> </li>
<li> <a href="#"> one </a> </li>
</ul>
</li>
</ul>
</div>

لینک به ارسال

خاصیتی را که مهم کردید که در هر دو li یکیه

اگر می خواهید خاصیتی را فقط به اولین گروه li های یک ul بدهید از سلکتور


ul>li {
}

استفاده کنید


ul>li {
}
ul li ul>li {
}

الی آخر

  • امتیاز 2
لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

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



ورود به حساب کاربری
×
×
  • اضافه کردن...