انواع انتخاب کنندگان ویژگی CSS - کارشناس سامسونگ

یک عنصر HTML از یک کلاس ، شناسه و ویژگی ها تشکیل شده است. یک انتخاب کننده عناصر HTML عناصر HTML را که دارای یک ویژگی یا یک مقدار ویژگی هستند انتخاب می کند. انتخاب کنندگان ویژگی یک روش ساده برای استفاده از سبک ها در عناصر HTML با یک ویژگی یا ویژگی خاص ارائه می دهند. انتخاب کننده های ویژگی توسط دو براکت مربع تعریف می شوند ، که صفت را با مقدار آن محصور می کند. هنوز هم می توانید یک انتخابگر نوع عنصر را قبل از آن قرار دهید. CSS [ویژگی] Selector قوانین سبکی را در مورد عنصر اعمال می کند اگر و چه زمانی از یک ویژگی خاص تشکیل شده باشد.

انواع انتخاب ویژگی ها

انواع مختلفی از انتخاب ویژگی ها وجود دارد که هر یک از آنها برای موارد جداگانه قابل استفاده هستند:

CSS [ویژگی | = "مقدار"] انتخابگر عناصری را که دارای یک ویژگی خاص هستند ، برجسته می کند و با یک مقدار تعریف شده شروع می شود.

CSS [ویژگی ~ = "مقدار"] از انتخابگر برای یافتن عناصری با یک مقدار خاصیت با یک کلمه خاص استفاده می شود.

CSS [ویژگی ^ = "مقدار"] انتخاب کننده عناصری را با یک مقدار خاصیت پیدا می کند که با یک مقدار خاص گدایی می کنند. ارزش لزوماً یک کلمه کامل نیست.

CSS [ویژگی $ = "مقدار"] انتخاب کننده مؤلفه هایی را پیدا می کند که دارای یک مقدار ویژگی است که با یک مقدار تعریف شده پایان می یابد.

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

روش های مختلفی وجود دارد که در آن می توان به جای استفاده از انتخاب جهانی ، کلاس یا شناسه ، از انتخاب ویژگی استفاده کرد

متداول ترین استفاده از انتخاب ویژگی ها در ورودی ها است. این موارد شامل انتخاب کننده متن ، انتخاب کادرهای انتخاب ، انتخاب گذرواژه ، انتخاب فایل ، انتخاب پنهان ، انتخاب گذرواژه ، انتخاب رادیو ، تنظیم مجدد تنظیم کنندگان و موارد دیگر است.

فرم های یک ظاهر طراحی شده

در هنگام ظاهر شدن فرم بدون کلاس یا شناسه ، انتخاب ویژگی ها بسیار مفید هستند.

پیوندهای سبک

به عنوان مثال ، از انتخاب خصوصیات می توان برای استایل کردن یک blogroll در جایی که لیستی از لینک ها به سایت های دوست دارید استفاده کرد. با این حال ، شما آرزو می کنید که هر پیوند متفاوت باشد. روش سنتی برای دستیابی به آن ، اختصاص دادن یک تماس است که به علائم بیشتری نیاز دارد. با این وجود ، شما می توانید از فرزند نهم استفاده کنید که مستلزم آن است که سفارشات هرگز تغییر نکنند. استفاده از انتخابگرهای ویژگی ، این کار را بسیار آسان می کند زیرا یک ویژگی وجود دارد که می توانید آن را هدف بگیرید.

ورودی های مرزی

طراحی عناصر حاشیه ای با استفاده از ویژگی تصویر مرزی CSS روشی زیبا برای افزودن تصاویر به بدن است. این اجازه می دهد تا یک تصویر را به عنوان مرز یک عنصر تعریف کنید. تصویر مرزی می تواند مقیاس پذیر ، قطعه قطعه شده ، تکرار شده به روش های مختلف برای اطمینان از متناسب بودن آن در منطقه مرزی. ویژگی شعاع مرزها این امکان را می دهد تا گوشه های گرد را بدون استفاده از تصاویر اضافه کنید. ویژگی شکل گوشه را مشخص می کند.

رنگ های یک ظاهر طراحی شده

انتخاب کنندگان ویژگی CSS سبک کردن تمام عناصر دارای ارزش رنگ خاص را ساده می کند. می توانید از نمادهای کلمه کلیدی رنگی ، RGB () ، RGBA () ، HSL () و HSLA () استفاده کنید. مقادیر رنگ RGBA فرمت مدل RGB رنگ با کانال است که کدورت یک رنگ را مشخص می کند. مقدار پارامترها از 1.1 (مات} تا 0.0 (شفاف)

مدل رنگ HSL به عنوان (Hue_saturation_Lightness) توضیح داده شده است. نمای رنگ به شکل زاویه (0-360) یا چرخ رنگ است. اشباع و سبکی اندازه گیری می شود به عنوان درصد 0٪ اشباع نشان دهنده سایه یا خاکستری است در حالی که 100 نشان دهنده رنگ کامل است. 100٪ سبکی نمایانگر رنگ سفید و 0٪ سیاه است.