Posts Tagged ‘CSS Pseudo-Classes’

How To Use CSS3 Pseudo-Classes

Posted: April 2, 2011 in CSS, Form
Tags: , , , , , ,
2

The newer version of CSS is to be launched as CSS 3.0 is having new boost Technics make you way of coding very simpler. CSS 3.0 provides new Pseudo-classes which are mentioned in this post.

These are like:

  • :link
  • :visited
  • :hover
  • :active
  • :first-child
  • :last-child
  • :root
  • :nth-child() __used as ul li:nth-child(odd), :nth-child(even), :nth-child(3), :nth-child(2n) :nth-child(5n), :nth-child(4n + 1)
  • :nth-last-child(n)
  • :nth-of-type(n)
  • :nth-last-of-type(n)
  • :first-of-type and :last-of-type
  • ;only-of-type
  • :last-child
  • ;only-child
  • :empty
  • :target
  • :checked, :enabled and :disabled
  • :not __used like input:not([type=radio])

View Full Tutorial with Examples Here

Resource : smashingmagazine.com