# Day 4 Web Devlopement
**Pseudo Element and Pseudo Classes :**
Pseudo-classes in CSS are keywords that are used to select and style specific elements based on their ***state or position* i**n the HTML document.
They allow you to apply styles to elements that cannot be selected with regular selectors, such as elements that are being ***hovered over, clicked, or are the first child of a parent element.*** Pseudo-classes are denoted by a ***colon (:)*** followed by the keyword.
**Here are some commonly used pseudo-classes in CSS :**
1. : hover -> It selects an element when it is being hovered over by the mouse pointer.
Whenever you point over Lorem's text you change in color.
```xml
CSS
Lorem ipsum dolor sit amet, consectetur adipisicing.
```
1. : active ->It selects an element while it is being activated
(e.g., clicked or tapped).
```xml
Research on CSS slector
```
1. :focus: It selects an element when it has focus (e.g. when it is selected by using the keyboard or mouse).
```xml
Research on CSS slector
```
1. visited -> When we visit that link it turns our text color that
represents this link is visited which increases the accessibility of our web page.
```xml
Research on CSS slectorGoogle
```
1. Nth child Selector ->
: first-child -> It selects the first child element of its parent.
: last-child ->It selects the last child element of its parent.
: nth-child(n) -> It selects elements based on their position within their parent element. You can use different formulas like "n", "even", "odd", or specific numbers to target specific elements.
GIT HUB [https://github.com/ranjeet7287/FullWDStackPerp/tree/main/06\_CSS\_CLASS\_PART\_2](https://github.com/ranjeet7287/FullWDStackPerp/tree/main/06_CSS_CLASS_PART_2)
Linkedin
[https://www.linkedin.com/in/ranjeet-singh-71b68a239/](https://www.linkedin.com/in/ranjeet-singh-71b68a239/)
Email
**sranjeet434@gmail.com**