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

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

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

class Atribute  » انتخاب برا اساس نام کلاس برای توضیح در مثال زیر ما در محدوده تگ section دنبال کلاسی هستیم که نام text رو دارد بیا و انتخاب کن یعنی هر کلاسی که درون خودش این کلمه دارد انتخاب شود 

section#t [class |= text ] { color : red }

section#w  [ class^="text" ] {   color = red    } 

تفاوت  =| با  =^ در این هست که اگر در اولی اون متن ما وجود داشت و بعد اون یک دنباله اومده بود که با - جدا شده بودند کلمات هم بیا و  انتخابشون بکن ولی در دومی اگر - هم وجود نداشت هم میاد و انتخابشون میکند به شرطی که شروعش با کلمه ای که مشخص کرده ایم باشد 

حال اگر اون نام کلاسی که مدنظر ما اخر جمله امون بود باید بیایم و از =$ استفاده بکنیم که - را هم مهم نمیگیرد

حال اگر خواستیم  که هرچیزی که برابر با اون مقدار ها بود رو بیاد و برامون انتخاب بکند رو باید از =* استفاده بکنیم که براش تفاوتی ندارد اون نام کلاس اول باشد یا آخر  انتخابش میکند 

section#w  [ class *= "text" ] {   color = red    } 


section#w  [ class $= "text" ] {   color = red    }