Pseudo-classes(:) | Pseudo-elements(::)

Dynamic pseudo-classes

  • :link
  • :visited
  • :hover
  • :active
  • :focus

UI element states pseudo-classes

  • :enabled
  • :disabled
  • :checked

Structural pseudo-classes

  • :first-child
  • :nth-child(n)
  • :nth-last-child(n)
  • :nth-of-type(n)
  • :nth-last-of-type(n)
  • :last-child
  • :first-of-type
  • :last-of-type
  • :only-child
  • :only-of-type
  • :root
  • :empty

Other pseudo-classes

  • :not(x)
  • :target
  • :lang(language)

Pseudo-elements

  • ::before
  • ::after
  • ::first-letter
  • ::first-line

--

--

--

Working in Walmart as UI Developer | Mentor | React | JavaScript | HTML | CSS

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

PHP serverless application in AWS (part 1)

Custom Lookups in Django

What are open-source operating systems?

Secrets in the Cloud — Part 2

Breaking into programming world

Compilation is the translation of source code (the code we write) into object code (sequence of…

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
iAmSonika | www.startlearncoding.com

iAmSonika | www.startlearncoding.com

Working in Walmart as UI Developer | Mentor | React | JavaScript | HTML | CSS

More from Medium

learning to use JavaScript’s replaceAll() method

position and z-index

EmojiScript: A Quick Guide to Emojis in JavaScript

What is throttling in JavaScript?