CSS pseudo classes are keywords added to selectors that specify a special state of the element to be selected. For example, ":hover" applies a style when the user hovers over the element specified by the selector.
Pseudo-classes are important in forms because they let you apply styles to elements not only in relation to the content of the document tree, but also in relation to external factors like whether the element has the focus (":focus") or is in an invalid state (":invalid").
Some of the standard pseudo classes are limited in their usefulness because they apply only to specific elements, and not to the elements ancestors. For example, many Wijmo input controls contain input elements; when the input elements have the focus, the inner input element gets the ":focus" pseudo-class, but the host element that contains the control does not.
For this reason, Wijmo adds some pseudo-classes of its own to make building effective forms easier:
For detailed implementation, see LearnWijmo sample which depicts the use of pseudo classes.
Submit and view feedback for