Shoot to kill; CSS selector intent

One type of CSS in particular makes me cringe every time I see it; poor selector intent.

Poor selector intent means carpet bombed selectors whose key selector has way too broad a reach; a selector like .header ul{} as opposed to one like .main-nav{}, .widget h2{} instead of .widget-title, article > p:first-child{} as opposed to .intro{}. Selectors whose intent isn’t specific enough.

Visit this link