بروز خطا
   [message]
اشتراک در سوال
رای ها
[dataList]
پرسش و پاسخ

انتخاب بچه های زوج و فرد یک Div

مدیریت گفتگو
Spirit 10 سال پیش
آخرین تغییر: 10 سال پیش

چند عدد div داریم که خودشون داخل یه div دیگه هستن، میخوام برای div های زوج و فرد به ترتیب margin-right و margin-left بدم، این سناریو رو اینجا پیاده کردم، جهت شفاف سازی میتونید نگاه کنید.

ولی توی وبلاگ (ته صفحه) جواب نمیگیرم، این box ها همچنان چسبیدن به هم:

.block-sidebar {
margin-top: 30px;
display: flex;
flex-wrap: wrap;
}

.block-sidebar .sidebox {
margin-bottom: 20px;
background: #fff;
border-radius: 6px;
box-shadow: 0 4px 6px -2px #bbb;
flex: 1;
flex-basis: 45%;
}

.block-sidebar > .sidebox:nth-chil(odd){
margin-left: 5px;
}

.block-sidebar > .sidebox:nth-chil(even){
margin-right: 5px;
}

سورس کامل CSS

دلیلشو میتونید بگید؟

نظرات

hosseinAmini 10 سال پیش
توی این کدی که اینجا گذاشتید d آخر nth-child رو ننوشتید
Spirit 10 سال پیش
من یه مغزم که فرار نکردم و موندم، باور کنید از صبح دارم سروکله میزنم ولی فکر نکنم ایراد کارم از اول این بوده باشه، چون قبلش اغلب از stack کپی پیست میکردم این قسمت رو، بعد از نوشتن اون مثال که لینکشو گذاشتم دستی نوشتش، بهرحال الان درست شد، خیلی ممنون حسین جان.

هنوز پاسخی ثبت نشده است


پاسخگویی و مشاهده پاسخ های این سوال تنها برای اعضای ویژه سایت امکان پذیر است .
چنانچه تمایل دارید به همه بخش ها دسترسی داشته باشید میتوانید از این بخش لایسنس این آموزش را خریداری نمایید .