Selector naming

Learn what a selector is at W3Schools.


A combination of habit and the use of hyphens has led me to really enjoying the use of lowercase naming.
Class, Element, ID
Hyphens between words
Using a hyphen provided for a solid foundation for my website design skills because it's just easier to read. Before that I was switching between upper and lower case names constantly.
Class, ID
From left to right grouped function description
Naming classes and IDs this way may seem awkward when reading a name, but I'm betting it's the organized way to go.
Class, ID


  1. h1, h2, h3, h4, h5, h6
  2. wrapper-top
  3. wrapper-top-inner
  4. wrapper-bottom
  5. wrapper-bottom-inner