סגנונות פעילים

מחלקת הפסאודו :active מחילה סגנונות על רכיב כשהמשתמש מפעיל אותו, בדרך כלל כשהמשתמש לוחץ על רכיב ומשאיר את לחצן העכבר לחוץ.

לדוגמה:

<button class="action-button">Click Me!</button>

הוסף CSS כדי לעצב את הכפתור כשהוא פעיל:

.action-button {
  background-color: blue;
}
.action-button:active {
  background-color: darkblue;
}

כשתלחצו על הכפתור ותחזיקו אותו לחוץ, צבעו ישתנה מכחול לכחול כהה. כך המשתמשים מקבלים משוב חזותי על כך שהפעולה שלהם נקלטת.