Can CSS Replace Text Within a Div Element?-CSS Tutorial-php.cn

Can CSS Replace Text Within a Div Element?

Barbara Streisand

Release： 2024-12-30 18:34:09

Original

150 people have browsed it

Can CSS Replace Text Within a Div Element?

Replacing Text with CSS: An Alternative Approach

In your query, you seek a CSS solution to replace text, similar to the method used to hide images with:

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

Copy after login

However, instead of targeting images (img), you wish to replace specific text within a div element (

). While the method you provided does not directly apply to text, there are alternative approaches to achieve your desired result.

Using a Span Wrapper

One option is to wrap the text you want to replace within a span element:

<div class="pvw-title"><span>Facts</span></div></p>
<p>Then, you can use CSS to hide the span and add your replacement text as content:</p>
<pre class="brush:php;toolbar:false">.pvw-title span {
  display: none;
}
.pvw-title:after {
  content: 'Your replacement text';
}

Copy after login

This approach allows you to replace the text without affecting its structure or surrounding elements.

The above is the detailed content of Can CSS Replace Text Within a Div Element?. For more information, please follow other related articles on the PHP Chinese website!