Can I also add...as someone who's super passionate about all thing css and more specifically object oriented css [STAY TUNED FOR BLOG POST... :tongue: ], it's best to not use id's in selectors, except for js hooks and fragment identifiers.

Mostly because, id's are wild cards [not wildcards - wild cards are things whose influence is unpredictable, like id's - and a css wildcard is: `*{ }`]

ID's introduce specificity headaches, and it's a total nightmare fighting your way back out when the project gets bigger. It is, in a way, similar to `!important;` and it will override all other types of selectors. And more often than not, you don’t want this.

With that said, I also suggest adding a `js-` to all classes or id's that are having something done to them via javascript, to avoid accidentally deleting a class in for css reasons that had important things going on in javascript :-)