Como posso substituir o texto por css usando um método como este:
.pvw-title img[src*="IKON.img"] { visibility:hidden; }
Ao invés de ( img[src*="IKON.img"]
), eu preciso utilizar algo que possa substituir o texto em seu lugar.
Eu tenho que utilizar `[]
para que funcione.
<div class="pvw-title">Facts</div>
Eu preciso substituir "Fatos".
Ou talvez você possa embrulhar 'Facts' arredondar um <span>
como se segue:
<div class="pvw-title"><span>Facts</span></div>
Então usa:
.pvw-title span {
display: none;
}
.pvw-title:after {
content: 'whatever it is you want to add';
}
Você pode't, bem, você pode.
.pvw-title:after {
content: "Test";
}
Isto irá inserir o conteúdo após o conteúdo actual do elemento. Ele não'na verdade não o substitui, mas você pode escolher por um div vazio, e usar CSS para adicionar todo o conteúdo.
Mas enquanto você pode mais ou menos, você não deve't. O conteúdo real deve ser colocado no documento. A propriedade de conteúdo é principalmente destinada a pequenas marcações, como aspas em torno do texto que deve aparecer citado.
Isto é'não é realmente possível sem truques. Aqui está uma maneira que funciona através da substituição do texto por uma imagem de texto.
.pvw-title{
text-indent:-9999px;
background-image:url(text_image.png)
}
Este tipo de coisa normalmente é feito com Javascript. Aqui está como pode ser feito com jQuery:
$('.pvw-title').text('new text');