رفتن به مطلب

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


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

سلام دوستان به منوی زیر توجه کنین برای اینکه 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 {
}

الی آخر

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...