سلام دوستان خلاصه مطالبی که استاد توی این جلسه گفتن رو قرار دادم اگه مطلب اضافهتری رو دارین که بنده جا انداختم
لطفا اضافه کنید
1- frist-child || p:frist-child : اولین عنصر از یک خانواده رو میاد و برای ما اجرا میکند
اگر ما در جایی یکسری المان داشتیم و میخواستیم بیایم و فرزند اولشون رو انتخاب بکنیم و این فرزندها مشابه هم دیگه بودن ( یک نوع تگ بودن ) از این سلکتور استفاده میکنیم
Html
<div class="wrapper">
<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ</p>
<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ</p>
<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ</p>
<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ</p>
<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ</p>
</div>
css
.wrapper p:frist-child{
color: red;
}
2- frist-of-type || p:frist-of-type : متناسب با سلکتور بالا شاید ما صرفا یک تگ رو نداشتیم و المانهای مختلفی رو داشتیم و چن تا تا تگ p داشته باشیم که میاد و اولین تگ p رو برای ما انتخاب میکند
html
<div class="wrapper">
<span>سادگی نامفهوم </span>
<div>صنعت</div>
<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ</p>
<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ</p>
<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ</p>
<header>تست</header>
<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ</p>
<p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ</p>
</div>
css
.wrapper p:first-of-type{
color: green;
}
3- in-range : میاد و یک input رو انتخاب میکند که یک مقدار یا رنج خاصی رو دارد
4- last-child || p:last-child : مشابه یک اول هست فقط میاد و آخرین عنصر رو برامون انتخاب میکند
5- last-of-type || p:last-of-type : مشابه مورد دوم هست فقط میاد و اخرین تگی که در این خانواده وجود دارد رو برای ما انتخاب میکند
6- ( not ( nameTag : یک موقع هست ما یک سری ویژگی رو میخواهیم به یک سری تگ بدهیم به غیر یک مورد که در این جا از این سلکتور میایم و استفاده میکنیم