Kaip pakeisti tekstą css naudojant tokį metodą:
.pvw-title img[src*="IKON.img"] { visibility:hidden; }
Vietoj ( img[src*="IKON.img"]
) reikia naudoti kažką, kas galėtų pakeisti tekstą.
Kad tai veiktų, turiu naudoti [``
]`.
<div class="pvw-title">Faktai</div>
Man reikia pakeisti "Faktai".
Arba gal galėtumėte apvynioti 'Faktai' aplink <span>
taip:
<div class="pvw-title"><span>Facts</span></div>
Tada naudokite:
.pvw-title span {
display: none;
}
.pvw-title:after {
content: 'whatever it is you want to add';
}
Jūs negalite, na, galite.
.pvw-title:after {
content: "Test";
}
Tai įterps turinį po dabartinio elemento turinio. Iš tikrųjų jis jo nepakeičia, bet galite pasirinkti tuščią divą ir naudoti CSS, kad pridėtumėte visą turinį.
Tačiau nors daugiau ar mažiau galite, neturėtumėte to daryti. Tikrąjį turinį reikėtų įdėti į dokumentą. Turinio savybė daugiausia skirta nedidelėms žymoms, pavyzdžiui, kabutėms aplink tekstą, kuris turėtų būti rodomas cituojamas.
Be gudrybių tai tikrai neįmanoma. Čia pateikiamas būdas, kuris veikia pakeičiant tekstą teksto atvaizdu.
.pvw-title{
text-indent:-9999px;
background-image:url(text_image.png)
}
Paprastai tokie dalykai atliekami naudojant "Javascript". Štai kaip tai galima padaryti naudojant "jQuery":
$('.pvw-title').text('new text');