Question: I've noticed that some popular naming conventions have been given names to make it easier to communicate about them. Two examples are Pascal Case and Camel Case.

I would like to know if there is a common name for a convention I have seen used in CSS. In this naming convention, all letters are lower-case and words are separated by hyphens. I don't know if this convention is CSS-specific.

Examples of names with this convention:

* red-car
* ticket
* xml-code

Answer: 
I've seen the term 'spinal-case' used in the AngularJS documentation to describe this naming convention.

Having done no further investigation I can't confirm if this name has been widely adopted though...
Taken from [this great article](http://engineering.appfolio.com/2012/11/16/css-architecture/) 'namespacing' CSS classes is a good way to keep them self-contained and modular. It also helps minimising the likelihood that existing classes will conflict and lowers specificity. Example below:

```
/* High risk of style cross-contamination */
.widget { }
.widget .title { }

/* Low risk of style cross-contamination */
.widget { }
.widget-title { }

```

While I think it's a great article about CSS architecture, the things mentioned are definitely not naming conventions, but best practices of using them in your CSS.