More Examples

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

سلام و وقت بخیر ببخشید من این لینک را داشتم میدیدم https://www.w3schools.com/cssref/tryit.php?filename=trycss_sel_firstchild_more2 .
این لینک اگر اول کدهای من باشه اجرا میشه اگر وسطاش باشه اجرا نمیشه . چی کار باید کنم ؟ حتی دو تا تگ p را میزارم به دیو و به دیو کلاس میدم اینجوری و بعد توی css کدش را میزنم کار نمیکنه .

    <div class="pschool">
    <p>I am a <i>strongi> man. I am a <i>strongi> man.p>
    <p>I am a <i>strongi> man. I am a <i>strongi> man.p>
    div>

.div.pschool:first-child i {
  background: red;
}

درود

توضیح بدید لطفا که دقیقا چه میخواید کنید و چه چیزی باید سلکت بشه؟

نازنین کریمی مقدم ۲۱ شهریور ۱۴۰۲، ۰۹:۱۹

https://www.w3schools.com/cssref/tryit.php?filename=trycss_sel_firstchild_more2

میخوام مثل لینک بالا تگ‌های i را براشون بک گراند زرد مشخص کنم مشکلم اینه که این تگ‌های p حتما باید اول تمام کدها نوشته بشن اگر تگ p یا تگ div قبل از این‌ها نوشته بشن اصلا عمل نمیکند. میخوام بدونم باید چه جوری این کدهای css را زد تا اگر کد‌های p وسط کدها بودند هم عمل کند ؟

(البته ببخشید من الان متوجه شدم که این جواب را اشتباهی برای یک تاپیک دیگه ای که این تاپیک https://7learn.com/app/topics/18652 است نوشتم ، ولی منظروم برای همین تاپیک هستش )

رضوان رحمانی ۲۱ شهریور ۱۴۰۲، ۱۶:۰۲

متوجه شدم.

ببینید این سلکتور first-child کارش اینه که بیاد اولین فرزند رو انتخاب کنه. که در تصویر زیر میشه اولین p در بادی و اولین p در div. اگر بخواید همه شون رنگی بشن باید سلکتورتون رو به صورت زیر

p i {
   background: yellow;
}

تغییر بدید یا از کلاسهای استایل استفاده کنید.

بهترین پاسخ

نازنین کریمی مقدم ۲۲ شهریور ۱۴۰۲، ۰۵:۴۱