Dynamic Pseudo-Classes
Description:
Dynamic pseudo-classes are used to add special effects to some selectors on various user actions,
similar to Javascript onevent actions, similar to the CSS pseudo-class syntax:
selector:pseudo-class {
property: value;
}
Pseudo-classes:
You can use nearly all JavaScript event handlers as pseudo-classes in MoreCSS.
This ist a list of common event handlers for pseudo-classes.
| Pseudo-Class | Description |
|---|---|
| :active | Applies properties on click (return false). |
| :click | Applies properties on click (return true). |
| :hover | Applies properties on mouse over. |
| :leave | Applies properties on mouse out. |
| :focus | Applies properties on focus (usually a form input field). |
| :blur | Applies properties on blur. |
| :change | Applies properties when element changed (usually a form select field). |
| :select | Applies properties on select (usually a form input or textarea field). |
| :load | Applies properties on load. |
| :submit | Applies properties on form submit. |
Detailed information about JavaScript event handlers: JavaScript Events
