آموزش سی اس اس سلکتور (CSS Selector)

آموزش مهم ترین و پرکاربرد ترین سلکتور های css
انتخابگر سی اس اس (css selectors) برای یافتن عناصر html صفحه استفاده می کنیم.
انتخابگر های css
انتخابگر ساده (Simple selectors) (عناصر را بر اساس اسم آن و id , class انتخاب کنید.)
همینطور که در تصویر می بینید
Element Selector
تگ های html رو اگه صدا بزنیم مثل (bodyوh1) تمام عناصری که در صفحه با این تگ ها ساخته شده اند انتخاب می شوند.
Id Selector
علامت (#) برای انتخاب یک id هست (id Selector) که شما در صفحه html تون تعریف کردید نکته (id فقط یکی از آن در صفحه باید باشد)
Class Selector
علامت (.) نشان دهنده class هستش و می توان برعکس id کلاس رو به چند تگ html داد که خصوصیاتشان یکسان است (مثلا رنگشون آبی هستش میشه با یک کلاس به تگ های که رنگ آبی دارن رنگ مورد نظر خودمون رو اضافه کنیم.)
یک انتخابگر به نام انتخابگر جهانی (Universal Selector) موجود است که تمام عناصر html موجود در صفحه رو انتخاب می کند. (در مثال کل عناصر صفحه رو رنگشون قرمز کردیم)
انتخاب گروهی عناصر صفحه (html tag) مواردی که 2 عنصر یا چند عنصر خصوصیات مشترک داشته باشند مورد استفاده قرار می گیرد. (در مثال سه تا تگ که خصوصیات مشترک داشتن با , از هم جدا کردیم و شکل یکسانی به هر سه داریم)
برای آشنایی با سلکتور های بیشتر می توانید ما رو دنبال کنید