Edit:
Esta é agora uma biblioteca completa. Confira: http://kushagragour.in/lab/hint/
Recentemente, comecei a escrever uma biblioteca para criar dicas de ferramentas em CSS puro.
É muito básico no momento, mas a demonstração pode ser vista aqui (funciona melhor no Firefox): http://codepen.io/chinchang/full/lICaq
As dicas de ferramentas são criadas usando pseudo-elementos after & before e, portanto, nenhuma marcação extra é necessária.
Tudo que você precisa fazer é fornecer a classe apropriada e colocar o texto da dica de ferramenta no atributo data-hint .
O valor do atributo data é preenchido na propriedade content usando a função attr no CSS:
content: attr(data-hint);Nota: As transições em pseudoelementos funcionam atualmente apenas no Firefox, portanto, a demonstração é melhor visualizada no Firefox (embora funcione também em outros navegadores).