.class |
.Buttons |
همه المان هایی که کلاس Buttons دارند را انتخاب می کند |
.class1.class2 |
<div class=”name1 name2″>…</div> |
همه المان هایی که هر دو کلاس name1 و name2 را دارند، انتخاب می کند |
.class1 .class2 |
<div class=”name1″>
<div class=”name2″>
…
</div>
</div> |
همه المان هایی که کلاس name1 را دارند و از نوادگان المانی با کلاس name2 هستند را انتخاب می کند |
#id |
#unique |
المانی با “id=”unique را انتخاب می کند |
* |
* |
همه المان ها را انتخاب می کند |
element |
p |
همه پاراگراف ها را انتخاب می کند |
element,element |
div, p |
همه <div> ها و همه <p> ها را انتخاب می کند |
element element |
div p |
همه پارگراف های داخل همه <div> ها را انتخاب می کند |
element>element |
div > p |
همه پاراگراف هایی که پدرشان یک <div> است را انتخاب می کند |
element+element |
div + p |
همه پاراگراف هایی که بلافاصله بعد از یک <div> قرار دارند را انتخاب می کند |
element1~element2 |
p ~ ul |
همه <ul> هایی که بعد از یک <p> از همان خانواده، قرارگرفته اند را انتخاب می کند |
[attribute] |
[target] |
همه المان هایی که خصوصیت target دارند را انتخاب می کند |
[attribute=value] |
[target=_blank] |
همه المان هایی که خصوصیت target با مقدار _blank دارند را انتخاب می کند |
[attribute~=value] |
[title~=wining] |
همه المان هایی که خصوصیت title آن ها شامل کلمه wining باشد را انتخاب می کند |
[attribute|=value] |
[lang|=fa] |
همه المان هایی که خصوصیت lang آن ها با عبارت fa شروع می شود را انتخاب می کند |
[attribute^=value] |
a[href^=”https”] |
همه لینک هایی که خصوصیت href آن ها با عبارت https شروع می شود را انتخاب می کند |
[attribute$=value] |
a[href$=”.ppt”] |
همه لینک هایی که خصوصیت href آن ها به ppt. ختم می شود را انتخاب می کند |
[attribute*=value] |
div[class*=”webyar”] |
همه <div> هایی که نام کلاسشان شامل webyar باشد را انتخاب می کند |
:active |
a:active |
لینک فعال شده را انتخاب می کند |
::after |
p::after |
چیزی را به ابتدای محتوای پاراگراف ها می افزاید |
::before |
p::before |
چیزی را به انتهای محتوای پاراگراف ها می افزاید |
:checked |
input:checked |
هر المانی از نوع <input> که تیک خورده باشد را انتخاب می کند |
:default |
input:default |
<input> پیشفرض را انتخاب می کند |
:disabled |
input:disabled |
<input> غیرفعال شده را انتخاب می کند |
:empty |
p:empty |
همه پاراگراف هایی که هیچ متنی و یا هیچ فرزندی ندارند را انتخاب می کند |
:enabled |
input:enabled |
<input> های فعال شده را انتخاب می کند |
:first-child |
p:first-child |
همه <p> هایی که اولین فرزند پدر خود هستند را انتخاب می کند |
::first-letter |
p::first-letter |
حرف اول تمام پاراگراف ها را انتخاب می کند |
::first-line |
p::first-line |
خط اول همه پاراگراف ها را انتخاب می کند |
:first-of-type |
p:first-of-type |
همه <p> هایی که اولین تگ <p> در خانواده خود هستند را انتخاب می کند |
:focus |
input:focus |
آن تگ <input> را که رویش کلیک شده و می خواهیم درونش چیزی بنویسیم انتخاب می کند |
:hover |
a:hover |
لینکی که ماوس رویش قرار گرفته را انتخاب می کند |
:in-range |
input:in-range |
وقتی بازه مشخصی برای مقادیر یک <input> تعریف کنید، هنگامی که کاربر مقداری در آن بازه را وارد کند، <input> یاد شده انتخاب می شود |
:indeterminate |
input:indeterminate |
مثلاً برای checkbox ها وضعیتی که هنوز رویشان کلیک نشده (حالت میانی) را انتخاب می کند |
:invalid |
input:invalid |
همه <input> هایی که مقدار غیرقابل قبول دارند را انتخاب می کند |
:lang(language) |
p:lang(fa) |
همه پاراگراف هایی که زبان فارسی دارند را انتخاب می کند |
:last-child |
p:last-child |
همه پاراگراف هایی که آخرین فرزند پدر خود هستند را انتخاب می کند |
:last-of-type |
p:last-of-type |
همه <p> هایی که آخرین تگ <p> در خانواده خود هستند را انتخاب می کند |
:link |
a:link |
همه لینک هایی که کلیک نشده اند را انتخاب می کند |
:not(selector) |
:not(p) |
هر المانی که از نوع <p> نباشد را انتخاب می کند |
:nth-child(n) |
p:nth-child(2) |
همه <p> هایی که دومین فرزند پدر خود هستند را انتخاب می کند |
:nth-last-child(n) |
p:nth-last-child(2) |
همه <p> هایی که از آخر، دومین فرزند پدر خود هستند را انتخاب می کند |
:nth-last-of-type(n) |
p:nth-last-of-type(3) |
همه <p> هایی که با شمارش از فرزند آخر، سومین تگ <p> در خانواده خود هستند را انتخاب می کند |
:nth-of-type(n) |
p:nth-of-type(2) |
همه <p> هایی که دومین تگ <p> در خانواده خود هستند را انتخاب می کند |
:only-of-type |
p:only-of-type |
همه <p> هایی که تنها تگ <p> در خانواده خود هستند را انتخاب می کند |
:only-child |
p:only-child |
همه <p> هایی که تنها فرزند خانواده خود هستند را انتخاب می کند |
:optional |
input:optional |
همه <input> هایی که خصوصیت required ندارند را انتخاب می کند |
:out-of-range |
input:out-of-range |
همه <input> هایی که مقداری خارج از بازه داده شده دارند را انتخاب می کند |
::placeholder |
input::placeholder |
همه <input> هایی که توضیح (placeholder) دارند را انتخاب می کند |
:read-only |
input:read-only |
همه <input> هایی که خصوصیت read-only دارند را انتخاب می کند |
:read-write |
input:read-write |
همه <input> هایی که خصوصیت read-only برایشان تعیین نشده را انتخاب می کند |
:required |
input:required |
همه <input> هایی که خصوصیت required دارند را انتخاب می کند |
:root |
:root |
همه المان های ریشه ای موجود در داکیومنت را انتخاب می کند |
::selection |
::selection |
قسمتی از یک المان که توسط کاربر Select شده را انتخاب می کند |
:target |
#news:target |
مقصد لینکی در خود صفحه که خصوصیت href آن برابر news# است را انتخاب می کند |
:valid |
input:valid |
همه <input> هایی که مقدار مجاز دارند را انتخاب می کند |
:visited |
a:visited |
همه لینک هایی که حداقل یک بار کلیک شده اند را انتخاب می کند |