Semântica nas classes CSS

Uma dica para adicionar um pouco de semântica a um WebSite.

“Usar nome de classe (css) com semântica em mente”
Basta utilizar nomes que descrevam um pouco da função (como deve ser em tudo que é semântico) de determinada tag ou área sem se preocupar com seu aspecto visual .
Imagine um css de uma loja virtual:
Ex de nomes:

(bons)

• produto
• carrinho
• logo
• busca

(ruins)

• camisa_float_esquerda
• logo_verde
• carrinho_topo_10

Link do w3c sobre este assunto “good class names” (em inglês)