۰ emad ta
فصل css۳ خلاصه مطالب جلسه هفدهم - شانزدهم - combinator و attribute سلکتور‌ها - بخش دوم
جامعه Html & CSS ایجاد شده در ۲۰ مرداد ۱۳۹۹

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

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

 

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    }