פסבדו Class

פסבדו Class הם למעשה Class-ים מדומים אשר באפשרותך ליצור.

ישנם סוגים רבים שניתן ליצור, אך לצערנו לא כולם נתמכים על ידי כל הדפדפנים בשוק.
אם זאת, ישנם 4 פסבדו Class אשר ניתן להשתמש בהם בצורה חופשית כאשר מתייחסים ללינקים בעמוד HTML כלשהו :

  1. Link – לציון לינק שהמשתמש עדיין לא ביקר בו.
  2. Visited – לציון לינק שהמשתמש כבר ביקר בו.
  3. Active – לציון לינק שהמשתמש מקנה לו פוקוס ( למשל, ברגע הלחיצה עליו ).
  4. Hover – לציון לינק שהמשתמש עובר עליו.

פסבדו Class מוצג בצורה הבאה :

  1. selector:pseudo class { property: value; }

דוגמא לפסבדו Class של לינקים ב- HTML :

  1. a.mylinks:link {
  2.     color: blue;
  3. }
  4. a.mylinks:visited {
  5.     color: purple;
  6. }
  7. a.mylinks:active {
  8.     color: red;
  9. }
  10. a.mylinks:hover {
  11.     text-decoration: none;
  12.      color: blue;
  13.      background-color:yellow;
  14. }

מומלץ מאוד לקבוע צבעים שונים לתכונות link ו – visited משום שזה מקל על המשתמש ורובנו מצפים בהחלט מצפים לכך. באופן מסורתי, הצבע הכחול מתקשר עם התכונה link והצבע הארגמן/סגול עם התכונה visited. כיום, בכל הקשור לתכונות active ו – hover אין סטנדרט כלשהו ולכן אתה חופשי להגדיר אותן כרצונך.

עמודים רלוונטים

דוגמאות קוד

  • Rollover 1 – קישורים גרפיים אשר משתנים כאשר סמן העכבר חולף על פניהם.
  • Rollover 2 - דוגמאות לאפקטים אינטראקטיביים יותר בנושא.