Skip to main content

Pseudo Classes/States


This is the ninth part in my CSS Styling tutorials, in which I will be covering Pseudo states/classes.

What Is a Pseudo State?
A pseudo state or class is an event which has been triggered by the user, such as moving the mouse to hover over the elements in question, for example.

Why States?
States are important for a professional looking website. Each state can set different properties on different elements for the user to easily tell what they have/are done/doing.

States can be used for any element, class or id as long as it makes sense. For example; you can use hover

Note: Due to the size or complexity of this submission, the author has submitted it as a .zip file to shorten your download time. After downloading it, you will need a program like Winzip to decompress it.

Virus note: All files are scanned once-a-day by for viruses, but new viruses come out every day, so no prevention program can catch 100% of them.


1. Re-scan downloaded files using your personal virus checker before using it.
2. NEVER, EVER run compiled files (.exe's, .ocx's, .dll's etc.)--only run source code.

Add new comment

This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.