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

HTML و CSS

Spirit 10 سال پیش 10 سال پیش

0 0

چند عدد 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

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

+1 0

توی این کدی که اینجا گذاشتید d آخر nth-child رو ننوشتید (10 سال پیش)

0 0

من یه مغزم که فرار نکردم و موندم، باور کنید از صبح دارم سروکله میزنم ولی فکر نکنم ایراد کارم از اول این بوده باشه، چون قبلش اغلب از stack کپی پیست میکردم این قسمت رو، بعد از نوشتن اون مثال که لینکشو گذاشتم دستی نوشتش، بهرحال الان درست شد، خیلی ممنون حسین جان. (10 سال پیش)

برای این سوال پاسخی وجود ندارد.

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