פסבדו Class הם למעשה Class-ים מדומים אשר באפשרותך ליצור.
ישנם סוגים רבים שניתן ליצור, אך לצערנו לא כולם נתמכים על ידי כל הדפדפנים בשוק.
אם זאת, ישנם 4 פסבדו Class אשר ניתן להשתמש בהם בצורה חופשית כאשר מתייחסים ללינקים בעמוד HTML כלשהו :
- Link – לציון לינק שהמשתמש עדיין לא ביקר בו.
- Visited – לציון לינק שהמשתמש כבר ביקר בו.
- Active – לציון לינק שהמשתמש מקנה לו פוקוס ( למשל, ברגע הלחיצה עליו ).
- Hover – לציון לינק שהמשתמש עובר עליו.
פסבדו Class מוצג בצורה הבאה :
- selector:pseudo class { property: value; }
דוגמא לפסבדו Class של לינקים ב- HTML :
- a.mylinks:link {
- color: blue;
- }
- a.mylinks:visited {
- color: purple;
- }
- a.mylinks:active {
- color: red;
- }
- a.mylinks:hover {
- text-decoration: none;
- color: blue;
- background-color:yellow;
- }
מומלץ מאוד לקבוע צבעים שונים לתכונות link ו – visited משום שזה מקל על המשתמש ורובנו מצפים בהחלט מצפים לכך. באופן מסורתי, הצבע הכחול מתקשר עם התכונה link והצבע הארגמן/סגול עם התכונה visited. כיום, בכל הקשור לתכונות active ו – hover אין סטנדרט כלשהו ולכן אתה חופשי להגדיר אותן כרצונך.
עמודים רלוונטים
דוגמאות קוד
- Rollover 1 – קישורים גרפיים אשר משתנים כאשר סמן העכבר חולף על פניהם.
- Rollover 2 - דוגמאות לאפקטים אינטראקטיביים יותר בנושא.