read-only یک pseudo-class است که برای انتخاب و استایل دهی به عناصری که توسط کاربر قابل ویرایش نیستند مورد استفاده قرار می گیرد.


read-only یک pseudo-class است که برای انتخاب و استایل دهی به عناصری که توسط کاربر قابل ویرایش نیستند مورد استفاده قرار می گیرد.
disabled یک pseudo-class می باشد که به وسیله آن می توان عناصر غیر فعال (disabled) را انتخاب و برای آنها استایل مشخصی تعریف کرد, مثل عناصر input, select, textarea, button که می توانند ویژگی disabled
داشته باشند. وقتی یک عنصر غیر فعال می شود کاربر دیگر قادر به کلیک کردن یا انتخاب و در کل تعامل با آن نمی باشد.
enabled یک pseudo-class می باشد که به وسیله آن می توان در یک صفحه عناصری (معمولا عناصر فرم) که فعال هستند را انتخاب کرد.
این انتخابگر عناصری مثل <textarea>
, <button>
, <input>
, <button>
که کاربر می تواند از طریق وارد کردن متن, کلیک کردن و یا focus با آنها تعامل داشته باشد را انتخاب می کند.
()dir یک pseudo-class است که برای انتخاب و استایل دهی به عناصر بر اساس جهت تعریف شده برای آنها استفاده می شود.
جهت سند HTML یا همان صفحه وب بصورت پیشفرض از چپ به راست (LTR: Left to Right) است و نیازی به مشخص کردن آن نیست اما برای ما فارسی زبان ها نیاز است تا جهت صفحه را بوسیله ویژگی dir
تبدیل به راست به چپ (RTL) کنیم. و معمولا این کار را با تعیین کردن این ویژگی برای عنصر html
بصورت زیر انجام می دهیم:
()lang یک pseudo-class می باشد که برای انتخاب و استایل دهی به عنصری که دارای زبانی خاص است, می باشد.
active: یک pseudo-class می باشد که با استفاده از آن می توان در CSS حالت فعال (active) یک عنصر را انتخاب, و بر روی آن عنصر در حالت فعالش استایل خاصی اعمال کرد.
active: یک عنصر را از زمان کلیک شدن تا زمان رها شدن مورد هدف قرار می دهد. استایل دهی یک عنصر در حالت فعال آن تجربه کاربری بهتری را به ارمغان می آورد. استایل دادن های اینچنینی باعث می شود تا کاربر مطمئن شود که عمل کلیک با موفقیت انجام شده یا اینکه متوجه می شود چند بار عمل کلیک را پشت سر هم انجام داده است.
hover یک pseudo-class می باشد که برای انتخاب و استایل دهی به عنصری که کاربر نشانه گر موس و یا وسیله دیگر را بر روی آن نگه داشته است, استفاده می شود.
از hover برای تعامل بهتر کاربر با عناصر استفاده می شود, به عنوان مثال می توان به کاربر اطمینان داد که عنصری که به آن اشاره می کند واقعا در وضعیت مورد اشاره بودن است. همینطور از این انتخابگر برای نمایش محتواهای مخفی و ثانویه استفاده می شود. به عنوان مثال برای نمایش زیرمنو ها استفاده از hover بسیار کاربردی و معمول است.
استفاده از hover برای دستگاهای لمسی توصیه نمی شود چون با مشکلاتی همراه خواهد بود.
focus یک pseudo-class می باشد که برای انتخاب و استایل دهی به عناصری که در معرض تمرکز عملکرد کاربر قرار می گیرند, می باشد. حال این تمرکز می تواند با استفاده از کلیک کردن و یا با استفاده از صفحه کلید (زدن دکمه tab) باشد. عناصری که حالت focus را دارند معمولا لینک ها و عناصر فرم مثل input , textarea و غیره هستند.
وقتی کاربر با استفاده از کلید tab روی عناصر فرم یا لینک ها تمرکز می کند مرورگرها معمولا به صورت پیشفرض یک خط بیرونی ( outline ) دور آن عناصر ترسیم می کنند که معمولا این استایل در همه مرورگرها یکسان نیست پس شما شاید بخواهید با استفاده از انتخابگر focus یک استایل مخصوص و البته یکسان در همه مرورگرها برای حالت focus آن عناصر در نظر بگیرید.
انتخابگر target:
از انتخابگرهای نوع pseudo-class می باشد و این امکان را به ما می دهد تا بتوانیم زمانی که بر روی لینک داخلی کلیک شد, CSS آن قسمتی که هدف لینک هست را تغییر دهیم.
visited یک pseudo-class می باشد که برای انتخاب و استایل دهی به عناصر لینکی (<a>
) که قبلا بازدید شده اند استفاده می شود.
نکته این که این انتخابگر فقط عنصر لینکی (<a>
) که دارای ویژگی href
است را انتخاب می کند.