New Utrecht High School
  • Home
  • Rules & Requirements
  • Home
  • Rules & Requirements

CSS - Pseudo-Classes


  • Pseudo- Class:
  • Pseudo Classes add features or special effects in your CSS code.
    • For example:
      • Style an element when a user mouse is over it 
      • The visited and unvisited links look differently
      • They have a colon (:) preceding them. 
        • selector:pseudo-class {property:value;}

  • Pseudo-Classes:
    :link – Default state for a hyperlink that has not been clicked (visited)
    :visited – Default state for a visited hyperlink
    :hover – Triggered when the mouse pointer moves over the hyperlink
    :active – Triggered when the hyperlink is actually clicked

    Click here to see how the pseudo-class is used in creating CSS interactivity for the anchor tag (hyperlinks).

Technology Courses
©2016 - 2022 Rebecca Friedman.
All rights reserved. Unauthorized duplication is a violation of applicable laws.
International copyright secured.