The Envato sites are a great resource for any thing from development, design, photography, and other fields.
NetTuts – one of Envato sites – recently did a great article on The 30 CSS Selectors You Must Memorize.
The general list is as follows:
- *
- #X
- .X
- X Y
- X
- X:visited and X:link
- X+Y
- X > Y
- X~Y
- X[title]
- X[href=”foo”]
- X[href*=”nettuts”]
- X[href^=”http”]
- X[href$=”.jpg”]
- X[data-*=”foo”]
- X[foo~=”bar”]
- X:checked
- X:after
- X:hover
- X:not(selector)
- X::pseudoElement
- X:nth-last-child(n)
- X:nth-of-type(n)
- X:first-child
- X:last-child
- X:only-child
- X:only-of-type
- X:first-of-type
If you’re already familiar with these, then there may not be much to be gained; otherwise, I highly recommend diving into the entire article and and toying with each example.
Geek for Him says
On my way to reading it all now!
Tom McFarlin says
😀
Brian Notess says
NetTuts is awesome. I used this resource today.
Thanks for posting.
Tom McFarlin says
Totally, Brian. Love the Envato sites – glad you found this useful.