visited:

visited یک pseudo-class می باشد که برای انتخاب و استایل دهی به عناصر لینکی (<a>) که قبلا بازدید شده اند استفاده می شود. نکته این که این انتخابگر فقط عنصر لینکی (<a>) که دارای ویژگی href است را انتخاب می کند. <!– لینک های زیر انتخاب می شوند –> <a href=”#”>Random Link</a> <a href=”#id”>Internal Link</a> […]

enabled:

enabled یک pseudo-class می باشد که به وسیله آن می توان در یک صفحه عناصری (معمولا عناصر فرم) که فعال هستند را انتخاب کرد. این انتخابگر عناصری مثل <textarea> , <button> , <input> , <button> که کاربر می تواند از طریق وارد کردن متن, کلیک کردن و یا focus با آنها تعامل داشته باشد را […]

empty:

empty یک pseudo-class می باشد که به وسیله آن می توان در یک صفحه عناصری که محتوا ندارند و یا به اصطلاح خالی هستند را انتخاب کرد. عنصر خالی عنصری است که محتوا نداشته باشد. محتوا می تواند یک متن ساده و یا حداقل یک عنصر باشد. توجه داشته باشید که تگ توضیحات محتوا محسوب […]

disabled:

disabled یک pseudo-class می باشد که به وسیله آن می توان عناصر غیر فعال (disabled) را انتخاب و برای آنها استایل مشخصی تعریف کرد, مثل عناصر input, select, textarea, button که می توانند ویژگی disabled داشته باشند. وقتی یک عنصر غیر فعال می شود کاربر دیگر قادر به کلیک کردن یا انتخاب و در کل […]

checked:

checked یک pseudo-class می باشد که حالت فعال عناصری مثل چکباکس () و رادیو () را بیان می کند و با استفاده از آن ما می توانیم استایل خاصی برای این عناصر در حالت فعالشان در نظر بگیریم. این انتخابگر همینطور بر روی گزینه های داخل تگ select که option نام دارند هم اعمال می […]

active:

active: یک pseudo-class می باشد که با استفاده از آن می توان در CSS حالت فعال (active) یک عنصر را انتخاب, و بر روی آن عنصر در حالت فعالش استایل خاصی اعمال کرد. active: یک عنصر را از زمان کلیک شدن تا زمان رها شدن مورد هدف قرار می دهد. استایل دهی یک عنصر در […]

selection::

غالبا در مرورگرها زمانی که متنی توسط کاربر انتخاب می شود, آن قسمت انتخاب شده پس زمینه آبی به خود می گیرد یا به عبارت دیگر Highlight می شود. انتخابگر selection:: این امکان را در CSS به ما می دهد تا بتوانیم استایل قسمت Highlight شده را تغییر دهیم. این تغییرات تنها شامل رنگ پس […]

placeholder::

placeholder:: یک pseudo-element می باشد که باعث می شود تا ما بتوانیم در CSS دسترسی به متن placeholder در یک عنصر input را برای زیباسازی داشته باشیم. اگر با placeholder آشنا نیستید به متنی که به عنوان راهنما در عناصر input قرار می گیرد placeholder می گویند. تصویر زیر را در نظر بگیرید: به متن […]

first-line::

first-line یک pseudo-element می باشد که اولین خط در یک عنصر از نوع بلاک را انتخاب می کند. با این انتخابگر خط اول یک عنصری که ویژگی display آن مقدار inline دارد را نمی توان انتخاب کرد بلکه عنصر مورد نظر حتما باید از نوع بلاک باشد یا به عبارت دیگر مقدار ویژگی display آن […]

first-letter::

first-letter یک pseudo-element می باشد که اولین حرف از اولین خط در یک عنصر از نوع بلاک را انتخاب می کند. با این انتخابگر حرف اول یک عنصری که ویژگی display آن مقدار inline دارد را نمی توان انتخاب کرد بلکه عنصر مورد نظر حتما باید از نوع بلاک باشد یا به عبارت دیگر مقدار […]