Tenho um web-site que está disponível em diversas línguas, e para não ter que refazer toda a estrutura de um slider de imagens, existe um pequeno texto que no momento está a ser aplicado através do seletor :before
(Inglês) fazendo uso da propriedade content
(Inglês):
HTML
<ul>
<li class="active">1</li>
<li>2</li>
<li>3</li>
</ul>
CSS relevante
ul{
display:block;
margin:40px;
position:relative;
}
ul:before{
content: "imagens adicionais:";
position:absolute;
left:0;
top:-26px;
color:#7F8C8C;
font-family:sans-serif;
}
Problema
A solução actualmente em uso requer que o texto esteja na folha de estilos do web-site, o que inviabiliza (de certa forma) a sua tradução!
Pergunta
Como posso aplicar a propriedade content
ao seletor :before
sem recorrer à folha de estilos?
Fazendo uso do atributo style
ou recorrendo a JavaScript como último recurso!