انتخابگرهای شبه کلاس (pseudo classes)

شکل کلی این نوع انتخابگر ها به صورت زیر می باشد :

رفتار: نام المان{...}

توضیح دستور بالا :

در قسمت " نام المان " می توانید اسم یک تگ را بنویسید مثل تگ لینک (a)

در قسمت "رفتار" رفتاری رو که قصد دارید با انجام آن خوصوصیات مورد نظر را اعمال کنید مثل "hover"

پرانتز : hover این رفتار (رویداد) زمانی اتفاق می افتد که اشاره گر ماوس بر روی المان مورد نظر قرار بگیرد .

مثال :

a:link{قواعد}

قواعد مورد نظر فقط بر روی پیوند هایی اعمال خواهد شد که تا حالا بر روی آنها عمل کلیک انجام نشده است .

a:visited{قواعد

قواعد مورد نظر فقط بر روی پیوند هایی اعمال خواهد شد که قبلا مشاهده شده اند(پیوند هایی که قبلا مشاهده شده اند) . 

a:hover{قواعد}

 

به محض اینکه اشاره گر ماوس بر روی پیوند ها قرار بگیرد قواعد مورد نظر اعمال خواهد شد .

: IE این نوع انتخابگر ها (شبه کلاس ها) را به همراه باگ هایی اجرا میکند .

: نسخه های قدیمی IE رویداد hover را فقط برای المان پیوند (a)اجرا میکند .

انتخابگرهای شبه کلاسی که در css3 افزوده شده اند :

Tag Name:first-letter 

اولین حرف از المان مورد نظر را انتخاب کرده و خصوصیات مورد نظر بر روی آن اعمال خواهد شد .

h2:first-letter

{

Color:red;

}

رنگ اولین حرف از تمام تگ های h2 به قرمز تغییر خواهد کرد .

Tag Name:first-line 

 اولین خط از پاراگراف مورد نظر را انتخاب کرده و خصوصیات بر روی آن اعمال خواهد شد .

p:first-line

{

Color:green;

}

رنگ خط اول از پاراگراف ها به رنگ شبز تغییر خواهد کرد . 


توسط : عثمان رحیمی  2 ماه قبل ، سه شنبه 4 شهریور 1393 ساعت 05:50  0  1710

نظر شما برای ما مهم است و به ما در بهبود سایت کمک میکند.


ارسال نظر
  • نام (اختیاری ) :
  • پست الکترونیک :
  • توضیحات :

مطالب مرتبط