No final de cada tipo de post no meu tema do Tumblr, eu tenho esse código:
<p class="permalink">
<a href="{Permalink}">{NoteCountWithLabel}</a>
{block:HasTags} # filed under:
{block:Tags}
<a href="{TagURL}">{Tag}</a>
{/block:Tags}
{/block:HasTags}
</p>
(Eu sei que a parte
não é exatamente um ato de classe. Foi a minha solução alternativa de quatro segundos, e não é o objetivo dessa pergunta, então tenha paciência comigo!)
Em uma postagem com várias tags, isso gera:
Se eu adicionar uma vírgula depois {Tag}
, ao fazê-lo <a href="{TagURL}">{Tag},</a>
, recebo:
A última tag possui uma vírgula estranha, e as postagens com apenas uma tag também mostrariam a vírgula extra nesse método.
Como adiciono o número certo de vírgulas?
Atualização :
A resposta de Jeremy abaixo fez o que eu queria. Mas, em uma tentativa de obter uma fantasia "compatível com os padrões" (embora eu não saiba por que alguém usando o IE8 leria meu tumblr), tentei implementar a sugestão do w3d. Então agora o CSS se parece com:
a.tag:before {
content:", ";
}
a.tag:first-child:before {
content:"";
}
O resultado é agora:
( nb: a quebra de linha não está relacionada - eu adicionei isso de propósito. )
Assim. O que deu errado?
,
provavelmente é o espaço em branco que ocorre após o </a>
na sua marcação / tema. Você pode tentar remover isso. A primeira vírgula ainda está presente? Tente mudar content:"";
para content:"%";
apenas para ver se %
mostra? (Embora eu ver a partir de seu comentário sobre a minha resposta de que isso pode não ter qualquer efeito ?!)