div

این تاپیک 12 پاسخ و 3 مشارکت کننده دارد . آخرین آپدیت توسط :  افشین زندی ،‏ 1 سال و 4 ماه پیش .

این تاپیک تاکنون 633 بازدید داشته است .

نویسنده پست
دوشنبه ، 3 آگوست 2015     7:24 ب.ظ #


سعید

Subscriber
161 پست35 تاپیک

سلام

مثلا این کدها رو داریم

<div></div>

<div></div>

<div></div>

<div></div>

چه طوری می تونم تو css،بدون تعریف id برا هر div، مثلا سومین div رو انتخاب کنم به طوری که تغییرات فقط برا سومین div انجام بشه

 

0  تشکر
:: این تاپیک، پاسخ تائیدشده دارد : مشاهده پاسخ تائید شده توسط سوال کننده
دوشنبه ، 3 آگوست 2015     8:49 ب.ظ #


اسماعیلی حسین

Subscriber
20 پست3 تاپیک

اگر درست منظورت رو متوجه شده باشم شما میتونی از class استفاده کنی

0  تشکر
دوشنبه ، 3 آگوست 2015     10:26 ب.ظ # پاسخ تائید شده توسط سوال کننده


افشین زندی

Subscriber
101 پست8 تاپیک

سلام

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

 
div:nth-child(3) {
background: #ff0000;
}

که اون عدد 3 میگه شما میخوای سومین div رو سلکت کنی و برا هر کدوم میتونی عدد رو عوض کنی مثلا 2 برای div دومی

اگرم فرزند تگ دیگه ای نباشن باید از این کد استفاده کنی

 
div:nth-of-type(3) {
background: #ff0000;
}

1  تشکر
دوشنبه ، 3 آگوست 2015     10:39 ب.ظ #


سعید

Subscriber
161 پست35 تاپیک

نه اونو می دونم

منظورم اینه که بدون تعریف id یا class،بشه div سوم رو انتخاب کرد

مثال:

div[3]{...}

0  تشکر
دوشنبه ، 3 آگوست 2015     10:40 ب.ظ #


سعید

Subscriber
161 پست35 تاپیک

div[3]{}

0  تشکر
دوشنبه ، 3 آگوست 2015     10:44 ب.ظ #


سعید

Subscriber
161 پست35 تاپیک

ممنون اقا افشین

نوکرتم

اون کد رو تمام مرورگرها پشتیبانی میکنن؟

0  تشکر
دوشنبه ، 3 آگوست 2015     10:53 ب.ظ #


افشین زندی

Subscriber
101 پست8 تاپیک

مخلصم

آره بجز ie8 بقیه از نسخه های خیلی پایین پشتیبانی میکنن

این لیست پایین لینک رو ببین تا نسخه های دقیق رو بدونی

http://www.w3schools.com/cssref/sel_nth-child.asp

0  تشکر
دوشنبه ، 3 آگوست 2015     10:57 ب.ظ #


سعید

Subscriber
161 پست35 تاپیک

اقا افشین اینا چین؟

p:nth-child(odd) {
background: #ff0000;
}

p:nth-child(even) {
background: #0000ff;
}

p:nth-child(3n+0) {
background: #ff0000;
}

0  تشکر
دوشنبه ، 3 آگوست 2015     10:59 ب.ظ #


سعید

Subscriber
161 پست35 تاپیک

p:nth-child(odd) {..}
p:nth-child(even) {..}
p:nth-child(3n+0) {..}

0  تشکر
دوشنبه ، 3 آگوست 2015     11:01 ب.ظ #


سعید

Subscriber
161 پست35 تاپیک

برا عناصر زوج و فرد هستن؟

0  تشکر
پست 1 تا 10 (از مجموع 13 پست)

این تاپیک پاسخ تائید شده دارد و بسته شده است .