Check out example codes for "pseudo class css". It will help you in understanding the concepts better.

Code Example 1

button:hover {
  color: blue;
}

A pseudo-class is a word such as :hover that makes its changes
to the selected element by adding it along side the selector 
before the curly braces in CSS instead of inside the curly 
braces.

You can search for a list of pseudo-class online.

Code Example 2

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 pointer

Code Example 3

The syntax of pseudo-classes:

selector:pseudo-class {
  	property:value;
}

Code Example 4

.element:nth-child(1)
.element:hover
.element:visited

Learn ReactJs, React Native from akashmittal.com