نحوه کار با شبه کلاس ها در CSS
سلام خدمت تمامی عزیزان و همراهان گرامی سایت همیارمن، امیدوارم که حال همگیتون خوب باشه و همیشه سلامت باشید. لطفا در ادامه با نحوه کار با فرم ها در CSS با ما همراه باشید.
آموزش کامل شبه کلاس ها در CSS
شبه کلاس ها یا به انگلیسی Pseudo Classes در CSS برای تعریف یک حالت خاص از یک عنصر می باشد، این حالت خاص که میگم مثلا میتونه موقع رفتن ماوس بروی یک عنصر باشد و یا مثلا موقع کلیک ماوس بروی یک عنصر.
شبه کلاس ها میتوانند موارد زیر باشند :
- وقتی ماوس بروی یک عنصر برود
- وقتی ماوس بروی یک عنصر فوکوس کند
- برای انتخاب فرزند خاصی از یک عنصر
- برای تعریف استایل برای لینک های درون یک صفحه
- برای انتخاب نشدن یک عنصر (یعنی مثلا بقیه انتخاب بشن ولی فلان عنصر انتخاب نشود)
- و …
پس در کل شبه کلاس در CSS یعنی ایجاد و یا تعریف حالت خاص یک عنصر ، حالت خاصی که تنها میتواند توسط این شبه کلاس ها ایجاد شود، در ادامه میتوانید لیست کامل شبه کلاس های CSS را مشاهده نمایید.
شکل کلی استفاده از شبه کلاس در CSS
ما برای استفاده از شبه کلاس ها در یک صفحه وب باید بصورت زیر عمل نماییم :
|
1 2 3 |
Selector:pseudo-class { property:value; } |
که Selector میشه همون انتخابگر ما بعدش یه : میزاریم و بعدش شبه کلاس رو مینویسیم و در نهایت ویژگی های CSS مورد نظرمون رو وارد مینماییم.
اگه توجه کرده باشید شبه عناصر :: دارند ولی شبه کلاس ها : دارند، این در واقع برای متمایز کردن شبه کلاس ها با شبه عناصر می باشد که در CSS3 اضافه شده است.
اگر شما شبه کلاس ها و شبه عناصر هردوتاییشون رو با : بنویسید، بازم مشکلی نداره و خروجی میده ولی خب درکل برای شبه عناصر :: در CSS3 اضافه شده است و پیشنهاد میشه شماهم برای شبه عناصر از :: استفاده نمایید.
از شبه کلاس ها نمیتوان درون صفت Style بصورت استایل درون تگی / خطی استفاده کرد.
بیشتر بخوانید:
مطالب زیر را حتما مطالعه کنید
آموزش انیمیشن‌سازی با CSS
نحوه اضافه کردن کد PHP در وردپرس
دوره رایگان طراحی فروشگاه اینترنتی!
آموزش ایجاد لیست کشویی وابسته به هم در HTML
ساده و بدون هزینه ترفند های عکاسی حرفه ای با موبایل را یاد بگیرید
دیدگاهتان را بنویسید