first-child یک pseudo-class می باشد که عنصری که اولین فرزند یک عنصر دیگر است را انتخاب می کند. فرض کنید HTML به صورت زیر است: <article> <p>فرزند اول عنصر مقاله</p> <p>فرزند دوم</p> <p></p> <p></p> <p></p> </article> در اینجا اولین عنصر پاراگراف (تگ p) اولین فرزند عنصر article می باشد. پس استایل زیر بر روی آن […]
last-of-type:
last-of-type یک pseudo-class می باشد که از هر نوع خاص عناصر در یک سطح, آخرین آن را انتخاب می کند. یعنی اگر مثلا در یک سطح یک عنوان و پنج پاراگراف و دو عنصر تصویر داشته باشیم می توان با استفاده از این انتخابگر از هر کدام از این نوع عناصر آخرینشان را انتخاب کرد. […]
focus:
focus یک pseudo-class می باشد که برای انتخاب و استایل دهی به عناصری که در معرض تمرکز عملکرد کاربر قرار می گیرند, می باشد. حال این تمرکز می تواند با استفاده از کلیک کردن و یا با استفاده از صفحه کلید (زدن دکمه tab) باشد. عناصری که حالت focus را دارند معمولا لینک ها و […]
enabled:
enabled یک pseudo-class می باشد که به وسیله آن می توان در یک صفحه عناصری (معمولا عناصر فرم) که فعال هستند را انتخاب کرد. این انتخابگر عناصری مثل <textarea> , <button> , <input> , <button> که کاربر می تواند از طریق وارد کردن متن, کلیک کردن و یا focus با آنها تعامل داشته باشد را […]
empty:
empty یک pseudo-class می باشد که به وسیله آن می توان در یک صفحه عناصری که محتوا ندارند و یا به اصطلاح خالی هستند را انتخاب کرد. عنصر خالی عنصری است که محتوا نداشته باشد. محتوا می تواند یک متن ساده و یا حداقل یک عنصر باشد. توجه داشته باشید که تگ توضیحات محتوا محسوب […]
disabled:
disabled یک pseudo-class می باشد که به وسیله آن می توان عناصر غیر فعال (disabled) را انتخاب و برای آنها استایل مشخصی تعریف کرد, مثل عناصر input, select, textarea, button که می توانند ویژگی disabled داشته باشند. وقتی یک عنصر غیر فعال می شود کاربر دیگر قادر به کلیک کردن یا انتخاب و در کل […]
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 آن […]