web de leve

Foi por acaso nesses dias que ao usar o pseudo-elemento first-letter notei uma certa, digamos, intolerância do IE6 referente a falta de um espaço entre o seletor e a chave de abertura que antecede as declarações css.

A regra CSS abaixo não funciona no IE6.

p:first-letter{ color:orange; }

Só funciona se existir um espaço antes da chave de abertura:

p:first-letter { color:orange; }

Veja:

O mesmo fato acontece com first-line:

Fiz uma página para você testar essas diferenças neste link.

Tendo notado essa pequena intolerância quanto a falta de um espaço antecedendo a chave de abertura em uma regra CSS fui verificar a especificação CSS para saber se tal espaço é ou não obrigatório.

Não encontrei informação referente mas a explicação sobre a sintaxe das regras CSS têm o espaço e ponto final, se eu o tenho omitido é bom começar a usá-lo para evitar esse e talvez outros problemas.

Algo que achei muito curioso é o IE5.5 fuinciona como o IE7, tanto faz se tem ou não o espaço:

(clique na imagem para vê-la na íntegra)

Bom, acredito que a maioria dos designers utilizam esse espaço nas regras CSS mas não custa nada dar uma olhadinha nos seus arquivos css pra confirmar se está tudo certinho, com o devido espaço