فصل css۳ خلاصه مطالب جلسه شانزدهم - combinator و attribute سلکتور ها - بخش اول

سلام دوستان خلاصه مطالبی که استاد توی این جلسه گفتن رو قرار دادم اگه مطلب اضافه تری رو دارین که بنده جا انداختم

لطفا اضافه کنید

1- Combinators Selector روش های متفاوتی برای انتخاب المان ها  هستند 

2- Atribute Selector انتخاب المان ها بر اساس صفت هاشون  

انواع Combinators Selector

1- ( descendant selector  ( space  

div p a {


}

2- child Slecetor  یک موقع هست ما در داخل یک تگ والد مثل همین div میایم و یکسری المان دیگه هم تعریف میکنیم حال میخواهیم از فرزندانش فقط یک سری مثلا تگ های p  رو انتخاب کنیم که برای این کار میایم و از این نوع سلکتورا استفاده میکنیم 

div > p {  }

3- ( + ) adjacent sibling selector بلافاصله بعدش انتخاب برادر یا خواهر کناریش مثلا اون تگ div که کلاس d را دارد بلافاصله بعدش تگ p  رو بیا و انتخاب بکنش 

div.d + p { }

4- ( ~ ) general sibling  selector مثل یک بالای بلافاصله نیست میگه هر چقدر خواهر یا برادر داشت من انتخاب میکنم فقط نوع اش رو برای من مشخص بکن 

main.parent  ~ span { } 

Atribute Selector                                                      -----------------------------------------------------------------

براساس ویژگی ها میتوانیم بیاییم و انتخاب بکنیم برای مثال امنتخاب بر اساس Atribute صرفا و یا Atribute همراه با مقدار مشخصی که میگرد طبق مثال های پایین

.login input[disabled] {    }

and 

.login input[value= " emad" ] {    }