div

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

٨١٢ visibility
نویسنده پست
دوشنبه ، ۱۲ مرداد ۱۳۹۴     ۷:۲۴ ب.ظ #


سعید

Subscriber
163 پست35 تاپیک

سلام

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

<div></div>

<div></div>

<div></div>

<div></div>

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

 

0  تشکر
check_box این تاپیک، پاسخ تائیدشده دارد : مشاهده پاسخ تائید شده توسط سوال کننده
دوشنبه ، ۱۲ مرداد ۱۳۹۴     ۸:۴۹ ب.ظ #


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

Subscriber
20 پست3 تاپیک

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

0  تشکر
دوشنبه ، ۱۲ مرداد ۱۳۹۴     ۱۰:۲۶ ب.ظ #       check_box پاسخ تائید شده توسط سوال کننده


افشین زندی

Subscriber
101 پست8 تاپیک

سلام

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

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

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

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

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

1  تشکر
دوشنبه ، ۱۲ مرداد ۱۳۹۴     ۱۰:۳۹ ب.ظ #


سعید

Subscriber
163 پست35 تاپیک

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

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

مثال:

div[3]{...}

0  تشکر
دوشنبه ، ۱۲ مرداد ۱۳۹۴     ۱۰:۴۰ ب.ظ #


سعید

Subscriber
163 پست35 تاپیک

div[3]{}

0  تشکر
دوشنبه ، ۱۲ مرداد ۱۳۹۴     ۱۰:۴۴ ب.ظ #


سعید

Subscriber
163 پست35 تاپیک

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

نوکرتم

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

0  تشکر
دوشنبه ، ۱۲ مرداد ۱۳۹۴     ۱۰:۵۳ ب.ظ #


افشین زندی

Subscriber
101 پست8 تاپیک

مخلصم

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

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

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

0  تشکر
دوشنبه ، ۱۲ مرداد ۱۳۹۴     ۱۰:۵۷ ب.ظ #


سعید

Subscriber
163 پست35 تاپیک

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

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

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

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

0  تشکر
دوشنبه ، ۱۲ مرداد ۱۳۹۴     ۱۰:۵۹ ب.ظ #


سعید

Subscriber
163 پست35 تاپیک

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

0  تشکر
دوشنبه ، ۱۲ مرداد ۱۳۹۴     ۱۱:۰۱ ب.ظ #


سعید

Subscriber
163 پست35 تاپیک

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

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

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