Question

Is it possible to use regular exprssions in css to selectively hide text?

I have some text

Product Pack: pack of 50 +£20.00

that I would like to display as with the monetry amount removed

Product Pack: pack of 50

Can I add to CSS a regular expression that twould do that?

Answer 1

Regular Expressions can’t be used in CSS; To accomplish what you’re trying to do, you’ll either need to process your HTML with javascript (which supports Regular Expressions) or on the server side.

---

You could use CSS Selectors and some HTML as well; if you can surround your money field like this:

<span>Product Pack: pack of 50 <span class="money">+£20.00</span></span>

You could write the following CSS to hide the monetized value:

.money {
    display: none;
}