.class |
.intro |
هر عنصری را انتخاب می کند که کلاس intro داشته باشد. |
#id |
#firstname |
عنصری را انتخاب می کند که شناسه آن firstname باشد. |
|
|
همه عناصر موجود در محدوده انتخاب را در نظر می گیرد. |
element |
p |
تمام تگ های p را انتخاب می کند. |
element,element |
div, p |
تمام عناصر div و p را با هم انتخاب می کند. |
element element |
div p |
تمام تگ های p درون هر div را انتخاب می کند؛ وجود عنصر واسطه مانعی ندارد. |
element > element |
div > p |
تگ های p را انتخاب می کند که فرزند مستقیم div باشند. |
element + element |
div + p |
تگ p مجاور و بلافاصله پس از div را انتخاب می کند. |
[attribute] |
[target] |
عناصری را انتخاب می کند که ویژگی target داشته باشند. |
[attribute=value] |
[target="_blank"] |
عناصری را انتخاب می کند که مقدار ویژگی target آن ها دقیقا _blank باشد. |
[attribute~=value] |
[title~="flower"] |
عناصری را انتخاب می کند که مقدار ویژگی آن ها شامل واژه مستقل flower باشد. |
[attribute|=value] |
[lang|="en"] |
عناصری را پیدا می کند که مقدار ویژگی با en یا en- شروع شده باشد. |
:link |
a:link |
پیوندهایی را انتخاب می کند که هنوز بازدید نشده اند؛ این شبه کلاس عمدتا برای استایل دهی CSS شناخته می شود. |
:visited |
a:visited |
پیوندهای بازدید شده را در انتخاب گرهای CSS مشخص می کند. |
:active |
a:active |
پیوندی را مشخص می کند که هنگام فشردن دکمه ماوس فعال است. |
:hover |
a:hover |
عنصری را مشخص می کند که نشانگر ماوس روی آن قرار گرفته است. |
:focus |
input:focus |
عنصری مانند input را انتخاب می کند که در حال حاضر فوکوس صفحه کلید را دارد. |
::first-letter |
p::first-letter |
اولین حرف متن هر پاراگراف را برای استایل دهی CSS هدف قرار می دهد. |
::first-line |
p::first-line |
خط نخست پاراگراف را برای استایل دهی CSS مشخص می کند. |
:first-child |
p:first-child |
تگ p را انتخاب می کند اگر نخستین فرزند والد خود باشد. |
::before |
p::before |
در CSS برای افزودن محتوای تولیدشده پیش از محتوای عنصر به کار می رود. |
::after |
p::after |
در CSS برای افزودن محتوای تولیدشده پس از محتوای عنصر استفاده می شود. |
:lang(language) |
p:lang(it) |
عنصرهایی را که زبان تعیین شده آن ها با مقدار مشخص شده هماهنگ است هدف قرار می دهد. |
element1 ~ element2 |
p ~ ul |
عنصرهای ul هم سطحی را انتخاب می کند که پس از p آمده اند؛ لازم نیست بلافاصله مجاور باشند. |
[attribute^=value] |
a[src^="https"] |
عنصرهای a را انتخاب می کند که مقدار src آن ها با https شروع می شود. |
[attribute$=value] |
a[src$=".pdf"] |
عنصرهای a را انتخاب می کند که مقدار src آن ها با پسوند .pdf تمام می شود. |
[attribute=value] |
a[src="pars-soft.ir"] |
عنصرهای a را انتخاب می کند که مقدار src آن ها بخشی از متن مشخص شده را در بر دارد. |
:first-of-type |
p:first-of-type |
نخستین عنصر p را در میان فرزندان هم نوع خود انتخاب می کند. |
:last-of-type |
p:last-of-type |
آخرین عنصر p را در میان فرزندان هم نوع خود انتخاب می کند. |
:only-of-type |
p:only-of-type |
عنصر p را انتخاب می کند اگر تنها عنصر از نوع p در میان هم سطح های خود باشد. |
:only-child |
p:only-child |
عنصر p را انتخاب می کند اگر تنها فرزند والد خود باشد. |
:nth-child(n) |
p:nth-child(2) |
عنصر p را انتخاب می کند اگر دومین فرزند والد باشد؛ شمارش از فرزندان همه نوع ها انجام می شود. |
:nth-last-child(n) |
p:nth-last-child(2) |
عنصر p را انتخاب می کند اگر از انتهای فهرست، دومین فرزند والد باشد. |
:nth-of-type(n) |
p:nth-of-type(2) |
دومین عنصر p را در میان عنصرهای p هم نوع و هم سطح انتخاب می کند. |
:nth-last-of-type(n) |
p:nth-last-of-type(2) |
عنصر p را انتخاب می کند که از انتهای فهرست p های هم سطح، دومین مورد است. |
:last-child |
p:last-child |
عنصر p را انتخاب می کند اگر آخرین فرزند والد خود باشد. |
:root |
:root |
عنصر ریشه سند را هدف قرار می دهد؛ در سند HTML، این عنصر معمولا html است. |
:empty |
p:empty |
عنصر p را انتخاب می کند که فرزند یا محتوای متنی نداشته باشد. |
:target |
#news:target |
عنصری را انتخاب می کند که شناسه آن با بخش مقصد فعلی نشانی صفحه مطابقت دارد. |
:enabled |
input:enabled |
عنصر ورودی فعال و قابل استفاده را انتخاب می کند. |
:disabled |
input:disabled |
عنصر ورودی غیرفعال را انتخاب می کند. |
:checked |
input:checked |
گزینه انتخاب شده در کنترل هایی مانند radio و checkbox را پیدا می کند. |
:not(selector) |
:not(p) |
عناصری را انتخاب می کند که با انتخاب گر داخل پرانتز مطابقت نداشته باشند. |
::selection |
::selection |
بخش متنی را هدف قرار می دهد که کاربر با ماوس یا صفحه کلید انتخاب کرده است؛ کاربرد اصلی آن در CSS است. |