Selectutorial - CSS selectors

Selectors are one of the most important aspects of CSS as they are used to "select" elements on an HTML page so that they can be styled.

Find out more about selectors including the structure of rules, the document tree, types of selectors and their uses. There is also a step-by-step tutorial showing how selectors are used in the process of building a 3-column layout.

Also other great CSS tutorials on this site:

• Listamatic
  Can you take a simple list and use different Cascading Style Sheets to create radically different list options? The Listamatic shows the power of CSS when applied to one simple list using samples from Eric Meyer, ProjectSeven, SimpleBits, Jeffrey Zeldman and others.
  
  
• Listamatic2
  Nested lists
  
  
• Floatutorial
  Floatutorial takes you through the basics of floating elements such as images, drop caps, next and back buttons, image galleries, inline lists and multi-column layouts.
  
  
• Listutorial
  Listutorial takes you through the basics of building background image lists, rollover lists, nested lists and horizontal lists.