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 stattdessen etwas verwenden, das Text ersetzen kann.
Ich muss die [ ] um es zum Laufen zu bringen.
<div class="pvw-title">Facts</div>
Ich muss " ersetzen Fakten ".
Um nachher den ursprünglichen Inhalt zu verbergen, können Sie diesen Hack verwenden:
.pvw-title {
font-size: 0;
}
.pvw-title:after {
font-size: 1rem;
content: 'I am a totally different piece of text!';
}
<div class="pvw-title">Facts</div>Einstellung font-size zu 0 lässt den Text verschwinden, ohne das eigentliche Element aus dem Ansichtsfenster zu entfernen. Daher ist die :after Selektor funktioniert und sollte in allen Browsern angezeigt werden.
Sie können nicht, nun ja, Sie können.
.pvw-title:after {
content: "Test";
}Damit wird der Inhalt eingefügt après den aktuellen Inhalt des Elements. Es wird nicht wirklich ersetzt, aber Sie können sich für ein leeres div entscheiden und CSS verwenden, um den gesamten Inhalt hinzuzufügen.
Aber auch wenn man es mehr oder weniger kann, sollte man es nicht tun. Der eigentliche Inhalt sollte in das Dokument eingefügt werden. Die Eigenschaft content ist vor allem für kleine Auszeichnungen gedacht, wie Anführungszeichen um Text, der in Anführungszeichen erscheinen soll.
Versuchen Sie es mit :before y :after . Die eine fügt den Text nach dem Rendern von HTML ein, die andere vor dem Rendern von HTML. Wenn Sie Text ersetzen möchten, lassen Sie den Inhalt der Schaltfläche leer.
In diesem Beispiel wird der Text der Schaltfläche entsprechend der Breite des Bildschirms eingestellt.
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
button:before {
content: 'small screen';
}
@media screen and (min-width: 480px) {
button:before {
content: 'big screen';
}
}
</style>
<body>
<button type="button">xxx</button>
<button type="button"></button>
</body>Text der Schaltfläche:
Mit :before
große Leinwandxxx
Großbildleinwand
Mit :after
xxxgroßer Bildschirm
Großbildleinwand
CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.
