A pseudo-class is a selector that selects elements that are in a specific state, e.g. they are the first element of their type, or they are being hovered over by the mouse pointerselector::pseudo-element {
property: value;
}h2::first-letter {}
p::first-line {}
p::selection {background-color: red;}
::after / ::beforeAs a matter of fact pseudo element is used to work on written items inside html
element.
This given pseudo element makes the color of first line after h1 in red color.
h1::first line{
color:red;
}
YOU CAN LEARN MORE ABOUT SIBLINGS AND ADJACENT SIBLINGS TOOO!selector:pseudo-class {
property: value;
}