یاد بگیرید چه انتخاب CSS

شروع CSS

CSS به قوانین تطبیق الگوی متکی است تا مشخص شود که کدام سبک در کدام عنصر در سند است. این الگوها انتخابگرهای نامیده می شوند و از نام های تگ (از جمله p برای تطابق با تگ های پاراگراف) به الگوهای بسیار پیچیده ای که با قطعات بسیار خاص یک سند منطبق هستند (از جمله p # myid> b.highlight هر تگ b را با یک کلاس برجسته است که فرزند پاراگراف با id id می باشد).

انتخاب CSS بخشی از فراخوانی سبکی CSS است که مشخص می کند که چه بخشی از صفحه وب باید طراحی شود. انتخاب کننده شامل یک یا چند ویژگی است که نحوه طراحی HTML انتخاب شده را مشخص می کند.

CSS Selectors

انواع مختلف انتخابگرها وجود دارد:

• نوع selectors-تطبیق یک عنصر خاص
• کلاس selector-matching elements با یک کلاس خاص
• شناسه selectors-تطبیق عنصر با یک شناسه خاص
• selectors- descendants-عناصر ملاقات که نسل یک عنصر خاص است
• عناصر تطبیق دهنده کودک که فرزند عنصر خاص است
• انتخاب های جهانی- مطابقت با هر عنصر
• عناصر تطبیقی ​​انتخاب برادران مجرد بلافاصله توسط یک عنصر خاص پیش می آید
• attribute selectors-matching elements با یک ویژگی خاص یا مقدار attribute
• عناصر تطبیق کننده کلاس شبه کلاس با یک کلاس شبهه خاص
• عناصر تطبیق کننده انتخاب شبه عنصر با خواص شبه عنصری خاص

قالب CSS و انتخابگرهای CSS

فرمت یک سبک CSS به نظر می رسد به شرح زیر است:

select {property style: style؛ }

جدا انتخاب چندگانه که همان سبک با کاما هستند. این گروه بندی انتخاب شده است. مثلا:

selector1 ، selector2 {property style: style؛ }

گروه بندی کننده ها یک مکانیزم کوتاه برای حفظ سبک CSS خود هستند.

گروه بندی فوق همان تاثیر را دارد:

selector1 {property style: style؛ }
selector2 {property style: style؛ }

همیشه انتخابگرهای CSS خود را تست کنید

همه مرورگرها از تمام انتخابگرهای CSS پشتیبانی نمی کنند. بنابراین مطمئن شوید که انتخابگرهای خود را در همان تعداد زیادی از مرورگرها به عنوان سیستم عامل های مختلف به عنوان شما می توانید. اما اگر از CSS 1 یا CSS2 استفاده می کنید، باید خوب باشید.