How can I replace text with CSS?

Question

How can I replace text with CSS using a method like this:

.pvw-title img[src*="IKON.img"] { visibility:hidden; } 

Instead of ( img[src*="IKON.img"] ), I need to use something that can replace text instead.

I have to use [ ] to get it to work.

<div class="pvw-title">Facts</div>

I need to replace "Facts".

Answer 1

Or maybe you could wrap 'Facts' round a <span> as follows:

.pvw-title span {   display: none; } .pvw-title:after {   content: 'whatever it is you want to add'; }

<div class="pvw-title"><span>Facts</span></div>