;p:last-of-type

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

سلام و روز بخیر.

این لینک را لطفا دانلود کنید . https://s6.uupload.ir/filelink/JgY3Q05aoj8w_98c5f07cec/part1-11_vyij.zip

.wrapper p:last-of-type{
  background-color: orchid;
  color: blue;
}

من فقط میخواستم بخش Hello. I am the last Tag Pi.

این استایل را بگیرد و خب این آخرین تگ هم بود اما چرا میاد آن دو تا دیگه هم بهشون استایل میده ؟ آنها که درون تگ span و div بودند.

درود

در سلکتوری که نوشتید میاد در کلاس .wrapper آخرین p رو سلکت میکنه. این سلکتور بین والد فرق میذاره، یعنی مثلا اینجا درون .wrapper یک تگ div دارید، میاد آخرین p اون رو هم سلکت میکنه، یا مثلا span دارید توش یه p هست اونم سلکت میکنه. برای جلوگیری از این موضوع، باید بهش بگید که فقط آخرین p که پرنت مستقیمش .wrapper هست سلکت بشه و دیگه تو درتو حساب نکنه. پس کد رو به این صورت اصلاح کنید:

.wrapper>p:last-of-type

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

پس کلا علامت < را زمانی استفاده میکنیم که بخوایم جلوگیری از تودرتو شدن کد‌ها کنیم ؟

Golgoli ۲۱ شهریور ۱۴۰۲، ۱۰:۱۶

کمابیش عملکردش همینطور هست.

این علامت مثل . در سایر زبانهاست، دراصل بهش میگیم بیا دقیقا این فرزند رو بردار.

بهترین پاسخ

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