- CSS Tutorial
- CSS - Home
- CSS - Introduction
- CSS - Syntax
- CSS - Inclusion
- CSS - Measurement Units
- CSS - Colors
- CSS - Backgrounds
- CSS - Fonts
- CSS - Text
- CSS - Images
- CSS - Links
- CSS - Tables
- CSS - Borders
- CSS - Margins
- CSS - Lists
- CSS - Padding
- CSS - Cursors
- CSS - Outlines
- CSS - Dimension
- CSS - Scrollbars
- CSS Advanced
- CSS - Visibility
- CSS - Positioning
- CSS - Layers
- CSS - Pseudo Classes
- CSS - Pseudo Elements
- CSS - @ Rules
- CSS - Text Effects
- CSS - Media Types
- CSS - Paged Media
- CSS - Aural Media
- CSS - Printing
- CSS - Layouts
- CSS - Validations
- CSS3 Tutorial
- CSS3 - Tutorial
- CSS3 - Rounded Corner
- CSS3 - Border Images
- CSS3 - Multi Background
- CSS3 - Color
- CSS3 - Gradients
- CSS3 - Shadow
- CSS3 - Text
- CSS3 - Web font
- CSS3 - 2d transform
- CSS3 - 3d transform
- CSS3 - Animation
- CSS3 - Multi columns
- CSS3 - User Interface
- CSS3 - Box Sizing
- CSS Responsive
- CSS - Responsive Web Design
- CSS References
- CSS - Questions and Answers
- CSS - Quick Guide
- CSS - References
- CSS - Color References
- CSS - Web browser References
- CSS - Web safe fonts
- CSS - Units
- CSS - Animation
- CSS Resources
- CSS - Useful Resources
- CSS - Discussion
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
CSS2 - Pseudo Class & Elements Properties
This is a complete reference guide for web developers where we have listed all the CSS properties related to Pseudo Class and Elements defined in the World Wide Web Consortium's Recommended Specification for Cascading Style Sheets, Level 2.
Click any property to see its description with examples −
| Sr.No. | Property & Description |
|---|---|
| 1 | :active
Use this class to add special effect to an activated element. |
| 2 | :focus
Use this class to add special effect to an element while the element has focus. |
| 3 | :hover
Use this class to add special effect to an element when you mouse over it. |
| 4 | :link
Use this class to add special effect to an unvisited link. |
| 5 | :visited
Use this class to add special effect to a visited link. |
| 6 | :first-child
Use this class to add special effect to an element that is the first child of some other element. |
| 7 | :lang
Use this class to specify a language to use in a specified element. |
| 8 | :first-letter
Use this element to add special effect to the first letter of a text. |
| 9 | :first-line
Use this element to add special effect to the first line of a text. |
| 10 | :before
Use this element to insert some content before an element. |
| 11 | :after
Use this element to insert some content after an element. |