کلیه شبه کلاس ها و شبه عناصر در CSS

Selectorمثالتوضیح مثال
:link a:link

همه لینک هایی که مشاهد نشده اند را انتخاب می کند

:visited a:visited

همه لینک هایی که مشاهده شده اند را انتخاب می کند

:active a:active

لینکی که موس روی آن قرار دارد و کلیک شده است را انتخاب می کند(لحظه ای که کلیک می کنیم)

:hover a:hover

لینکی که در حال حاضر موس روی آن قرار دارد را انتخاب می کند

:focus input:focus

در عناصر input مانند textbox اگر مکان نما روی آنها قرار داشته باشد(focus)

:first-letter p:first-letter

اولین حرف از هر تگ <p> را انتخاب می کند

:first-line p:first-line

اولین خط از هر تگ <p> را انتخاب می کند

:first-child p:first-child

هر تگ <p> که اولین فرزند برای والد خود محسوب می شود را انتخاب می کند

:before p:before

قبل از هر تگ <p> یک محتوی دلخواه درج می کند

:after p:after

بعد از هر تگ <p> یک محتوی دلخواه درج می کند

:lang(language) p:lang(it)

هر تگ <p> که خصوصیت lang آن مساوی مقدار "it" باشد را انتخاب می کند


آموزش های مرتبط

آموزش CSS-شبه عناصر