انتخابگرهای شبه کلاس (pseudo classes)
شکل کلی این نوع انتخابگر ها به صورت زیر می باشد :
|
1 |
رفتار: نام المان{...} |
توضیح دستور بالا :
در قسمت ” نام المان ” می توانید اسم یک تگ را بنویسید مثل تگ لینک (a)
در قسمت “رفتار” رفتاری رو که قصد دارید با انجام آن خوصوصیات مورد نظر را اعمال کنید مثل “hover“
پرانتز : hover این رفتار (رویداد) زمانی اتفاق می افتد که اشاره گر ماوس بر روی المان مورد نظر قرار بگیرد .
مثال :
|
1 |
a:link{قواعد} |
قواعد مورد نظر فقط بر روی پیوند هایی اعمال خواهد شد که تا حالا بر روی آنها عمل کلیک انجام نشده است .
|
1 |
a:visited{قواعد} |
قواعد مورد نظر فقط بر روی پیوند هایی اعمال خواهد شد که قبلا مشاهده شده اند(پیوند هایی که قبلا مشاهده شده اند) .
|
1 |
a:hover{قواعد} |
به محض اینکه اشاره گر ماوس بر روی پیوند ها قرار بگیرد قواعد مورد نظر اعمال خواهد شد .
: IE این نوع انتخابگر ها (شبه کلاس ها) را به همراه باگ هایی اجرا میکند .
: نسخه های قدیمی IE رویداد hover را فقط برای المان پیوند (a)اجرا میکند .
انتخابگرهای شبه کلاسی که در css3 افزوده شده اند :
|
1 |
Tag Name:first-letter |
اولین حرف از المان مورد نظر را انتخاب کرده و خصوصیات مورد نظر بر روی آن اعمال خواهد شد .
|
1 2 3 4 5 6 7 |
h2:first-letter { Color:red; } |
رنگ اولین حرف از تمام تگ های h2 به قرمز تغییر خواهد کرد .
|
1 |
Tag Name:first-line |
اولین خط از پاراگراف مورد نظر را انتخاب کرده و خصوصیات بر روی آن اعمال خواهد شد .
|
1 2 3 4 5 6 7 |
p:first-line { Color:green; } |
رنگ خط اول از پاراگراف ها به رنگ شبز تغییر خواهد کرد .
دیدگاهتان را بنویسید
برای نوشتن دیدگاه باید وارد بشوید.