mohsn
5 سال پیش توسط mohsn مطرح شد
3 پاسخ

استایل دادن به لیست

سلام من برای ساخت navigation یک لیست درست کردم و عنصر ها رو به سمت راست فرستادم به صورت خطی
الان میخوام فقط یکی از عنصر ها به سمت چپ بره
چه دستوری رو وارد کنم?

<ul> <li><a href="#">Home</a></li> <li><a href="#">News</a></li> <li><a href="#">Contact</a></li> <li><a href="#">About</a></li> </ul> 

کد های css

ul
{
width: ۱۰۰%;
overflow: hidden;
border: ۱px solid #۰۰۱۸۴D;
list-style-type: none;
margin: ۰;
padding: ۰;
background-image: url(image.jpg);
}

li
{
float: right;
}

ثبت پرسش جدید
علیرضا تحریری
تخصص : لاراول، لایوایر و Tailwind css
@alirezatahriri 5 سال پیش مطرح شد
0

@mohsen.eran سلام برای این کار باید از دستور زیر استفاده کنید:

<style type="text/css">
    li:nth-child(2){
        color: red;
    }
</style>

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

به جای ۲ عددی را انتخاب باید بکنید که در تگ li هستش و باید رنگش عوض بشه.


mohsn
@mohsnmohsni 5 سال پیش مطرح شد
0

با دستور float به راست بردم
میتونم با این دستور دوباره float مجزا بدم/


علیرضا تحریری
تخصص : لاراول، لایوایر و Tailwind css
@alirezatahriri 5 سال پیش مطرح شد
0

@mohsen.eran بله میتونید شماره li رو پیدا کنید و دستور بدید float به سمتی که میخواهید بره


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام