Wie kann ich mit einer solchen Methode Text durch CSS ersetzen?
.pvw-title img[src*="IKON.img"] { visibility:hidden; }
Anstelle von ( img[src*="IKON.img"]
) muss ich etwas verwenden, das stattdessen Text ersetzen kann.
Ich muss [
]
verwenden, damit es funktioniert.
<div class="pvw-title">Fakten</div>
Ich muss "Fakten" ersetzen.
Oder Sie könnten 'Fakten' wie folgt um ein <span>
wickeln:
<div class="pvw-title"><span>Facts</span></div>
Dann verwenden Sie:
.pvw-title span {
display: none;
}
.pvw-title:after {
content: 'whatever it is you want to add';
}
Man kann nicht, na ja, man kann.
.pvw-title:after {
content: "Test";
}
Damit wird der Inhalt nach dem aktuellen Inhalt des Elements eingefügt. Es ersetzt ihn nicht wirklich, aber Sie können ein leeres div wählen und CSS verwenden, um den gesamten Inhalt hinzuzufügen.
Aber obwohl Sie das mehr oder weniger können, sollten Sie es nicht tun. Der eigentliche Inhalt sollte in das Dokument eingefügt werden. Die Eigenschaft content ist vor allem für kleine Auszeichnungselemente gedacht, z. B. Anführungszeichen um Text, der in Anführungszeichen erscheinen soll.
Das ist ohne Tricks nicht wirklich möglich. Hier ist ein Weg, der funktioniert, indem der Text durch ein Bild von Text ersetzt wird.
.pvw-title{
text-indent:-9999px;
background-image:url(text_image.png)
}
So etwas wird normalerweise mit Javascript gemacht. Hier ist, wie es mit jQuery getan werden kann:
$('.pvw-title').text('new text');