Other Selectors in ZindaCSS
Other selectors
Using colon based classes, you can make objects behave differently in different circumstances.
An example of the same is the hover.
The following are possible values:
- Class:focus
- Class:hover
- Class:active
- Class:link
- Class:visited
Focus
When an input element is currently being typed in:<input type="text" class="YourProperty:focus">
Example: A sky color background when an input is focused:
You can add a transition as well.
Active
When an element is clicked:<div class="YourProperty:active">test</div>
Example: A brown color background when an input is clicked:
Click here
link
When a link is not visited yet:<a href="#" class="YourProperty:link">
Example: Green color when link is unvisited. A new link
Visited
When a link is already visited:<a href="#" class="YourProperty:visited">
Example: Sky color when link is visited. A new link Visit one of the two above links to note the difference.