رفتن به مطلب

یک مشکل در شمارنده‌های nth-child


پست های پیشنهاد شده

با سلام و احترام

یک مشکل در شمارنده‌های سلکتور nth-child در CSS دارم لطفاً کمک کنید.

همانطور که در لینک زیر ملاحظه می‌کنید:

http://www.w3schools...h-child_formula

برای تگ p سلکتور nth-child را استفاده کرده و 3n را به عنوان شمارنده قرار داده. انتظار می‌ره در تگ‌های p ، سومین تگ، بک‌گراند قرمز بگیره.

اما به خاطر وجود تگ H1 قبل از تگ‌های p بک‌گراند قرمز از دومین تگ p شروع شده و سپس سومین تگ‌های p قرمز می‌شه.

اگر تگ h1 را که ماقبل همه p ها هست برداریم، طبق انتظار، سومین تگ‌های p بک‌گراند قرمز می‌گیرند. اما با وجود تک h1 این معادله به هم می‌خوره.

اگر ممکنه دوستان یه توضیحی راجع به این مطلب بدهند.

برای حل این مشکل باید چه کار کرد؟

ویرایش شده توسط pirooz
لینک به ارسال

بجای 3n+0 می تونید از 3n+1 استفاده کنید و اگه فرضا قبل از p دو تگ دیگه مثلا h1 و h2 قرار داشت 3n+2 الی آخر

لینک به ارسال

نه باگ نیست n از صفر شروع می شه و مابقیش هم منطقیه دیگه خودتون بجای n از صفر شروع کنید و عدد بگذارید

(نکته nth-child تمامی تگهای اولین فرزند یک والد است و با نام سلکتور تفکیک نمیشه یعنی


div p:nth-child(3) {
color:red;
}

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

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...