Bunun gibi bir yöntem kullanarak metni css ile nasıl değiştirebilirim:
.pvw-title img[src*="IKON.img"] { visibility:hidden; }
( img[src*="IKON.img"]
) yerine, metin yerine geçebilecek bir şey kullanmam gerekiyor.
Çalıştırmak için [
]
kullanmak zorundayım.
<div class="pvw-title">Gerçekler</div>
Gerçekler"'i değiştirmem gerekiyor.
Ya da belki 'Facts' ifadesini aşağıdaki gibi bir <span>
etrafına sarabilirsiniz:
<div class="pvw-title"><span>Facts</span></div>
O zaman kullan:
.pvw-title span {
display: none;
}
.pvw-title:after {
content: 'whatever it is you want to add';
}
Yapamazsın, yani yapabilirsin.
.pvw-title:after {
content: "Test";
}
Bu, öğenin geçerli içeriğinden sonra içerik ekleyecektir. Aslında değiştirmez, ancak boş bir div seçebilir ve tüm içeriği eklemek için CSS kullanabilirsiniz.
Ancak az çok yapabilseniz de, yapmamalısınız. Gerçek içerik belgeye konulmalıdır. İçerik özelliği esas olarak, alıntılanmış görünmesi gereken metnin etrafındaki tırnak işaretleri gibi küçük işaretlemeler için tasarlanmıştır.
Bu, hileler olmadan gerçekten mümkün değildir. İşte metni bir metin görüntüsüyle değiştirerek çalışan bir yol.
.pvw-title{
text-indent:-9999px;
background-image:url(text_image.png)
}
Bu tür şeyler genellikle Javascript ile yapılır. İşte jQuery ile nasıl yapılabileceği:
$('.pvw-title').text('new text');