CSS Pseudo-classes and Pseudo-elements

 CSS Pseudo-classes and Pseudo-elements

CSS pseudo-classes and pseudo-elements allow you to select and style specific parts of elements. Some commonly used ones include:

:hover: Styles an element when the mouse is over it. For example:

a:hover {

  color: red;

}

:nth-child(): Selects elements based on their position within a parent. For example:

li:nth-child(even) {

  background-color: #f2f2f2;

}

::before: Inserts content before the content of an element. For example:

.tooltip::before {

  content: "Tooltip";

}