Come posso sostituire il testo con i css usando un metodo come questo:
.pvw-title img[src*="IKON.img"] { visibility:hidden; }
Invece di ( img[src*="IKON.img"]
), ho bisogno di usare qualcosa che possa sostituire il testo.
Devo usare [
]
per farlo funzionare.
<div class="pvw-title">Facts</div>
Ho bisogno di sostituire "Facts".
O forse si potrebbe avvolgere 'Facts' intorno a un <span>
come segue:
<div class="pvw-title"><span>Facts</span></div>
Poi usare:
.pvw-title span {
display: none;
}
.pvw-title:after {
content: 'whatever it is you want to add';
}
Non si può, beh, si può.
.pvw-title:after {
content: "Test";
}
Questo inserirà il contenuto dopo il contenuto corrente dell'elemento. In realtà non lo sostituisce, ma puoi scegliere un div vuoto e usare i CSS per aggiungere tutto il contenuto.
Ma mentre si può più o meno, non si dovrebbe. Il contenuto effettivo dovrebbe essere messo nel documento. La proprietà content è intesa principalmente per il piccolo markup, come le virgolette intorno al testo che dovrebbe apparire virgolettato.
Questo non è davvero possibile senza trucchi. Ecco un modo che funziona sostituendo il testo con un'immagine di testo.
.pvw-title{
text-indent:-9999px;
background-image:url(text_image.png)
}
Questo tipo di cosa è tipicamente fatto con Javascript. Ecco come può essere fatto con jQuery:
$('.pvw-title').text('new text');