Use CSS to find / replace specific content on a page

[jerryr125]

Hi – is there any css that can find specific content on a page and replace it with something else. Example if the word ‘apple’ is on the page, I would like to replace it with ‘pear’ OR add a graphic next to the word ‘apple’ OR make the word ‘apple’ bold ?

I know of the :before and :after css, but that is not specifically what i am looking for.
Find the word and replace it or add css to a specific word.

thanks – jerryr

[Senff]

You can’t (and shouldn’t) do that with just CSS.

[Alen]

You can target the ‘word’ if you use CSS id or class on it.

<p>So if I'm the <span class="my-special-word">word</span>, you can place span around me</p>

In your CSS.

.my-special-word {
  font-weight: bold;
}

With CSS you can make stylistic presentation changes, you can not however replace the word with CSS. You will need to use JavaScript for that functionality.

[Paulie_D]

As you can see…there is no ‘replacement’ function.

Would you care to explain more about what it is you are trying to do…and why?

[Author]

Posts