Contact Form with Pseudo Selectors

"This form demonstrates various CSS pseudo selectors: " :hover "," :active "," :focus ", and " :nth-child "."

Pseudo Selectors Used:

  • :hover " - Applied to buttons and inputs when your mouse over them"
  • :focus " - Applied to buttons and inputs when your mouse click or tab into them"
  • :active " - Applied to buttons when you click and hold them"
  • :disabled " - Applied to the submit button to show it's disabled"
  • :visited " - Applied to navigation links you've already visited"
  • :nth-child " - Applied to style specific form groups differently"