¿Cómo puedo reemplazar el texto con css utilizando un método como este?
.pvw-title img[src*="IKON.img"] { visibility:hidden; }
En lugar de ( img[src*="IKON.img"]
), necesito usar algo que pueda reemplazar el texto.
Tengo que usar [
]` para que funcione.
<div class="pvw-title">Hechos</div>
Necesito reemplazar "Hechos".
O tal vez podría envolver 'Hechos' alrededor de un `de la siguiente manera:
<div class="pvw-title"><span>Facts</span></div>
Entonces usa:
.pvw-title span {
display: none;
}
.pvw-title:after {
content: 'whatever it is you want to add';
}
No puedes, bueno, puedes.
.pvw-title:after {
content: "Test";
}
Esto insertará contenido después del contenido actual del elemento. En realidad no lo reemplaza, pero puede elegir un div vacío, y utilizar CSS para añadir todo el contenido.
Pero aunque más o menos puede, no debería. El contenido real debe ser puesto en el documento. La propiedad content está pensada principalmente para pequeñas marcas, como las comillas alrededor del texto que debe aparecer entrecomillado.
Esto no es realmente posible sin trucos. Aquí hay una manera que funciona mediante la sustitución del texto con una imagen de texto.
.pvw-title{
text-indent:-9999px;
background-image:url(text_image.png)
}
Este tipo de cosas se hace típicamente con Javascript. Aquí es cómo se puede hacer con jQuery:
$('.pvw-title').text('new text');