> We use hyphen delimited,

> lowercase selectors: .thisIsBad{},

> .this_is_also_bad{} but .this-is-correct{}.

.

I am a fan of mixing Camel Case and Dash Separated. I use Camel case for specific elements.

eg. ".addClientButton"

However, I use a mix of Camel Case and Dash Separated for IDs specifying a specific element in a specific part of the dom.

eg. "#newClientPanel-addClientButton"

.

I learned this method from looking at how apple.com does their styles on their check out screen. However, it doesn't look like they don't do it this way any more.

How do you handle making unique IDs? I guess I could switch to something like

.add-client-button and #new-client-panel_add-client-button