CSS pseudo content selector

Question

I'm trying to determine the style of a div by going by what is in it. If the content is '0', it should have color: red, and if not, fall back to the usual color.

I've found there used to be :contains(value), but that doesn't exist anymore. Is there any replacement I can use for this in css?

Thanks in advance.

You could read the innerText of the div, if all you're looking for is a single character. You could do that with a small bit of Javascript. But setting the class with server side code is usually the sanest approach. — Geeky Guy
– Geeky Guy, Commented Jul 22, 2013 at 14:31
@KristianVitozev this is not a duplicate of that question at all. — Geeky Guy
– Geeky Guy, Commented Jul 22, 2013 at 14:31
In the existing CSS there is only a possibility to display red '0's in divs that have no content at all: jsfiddle.net/cKnFC. — Ilya Streltsyn
– Ilya Streltsyn, Commented Jul 22, 2013 at 18:39

BoltClock · Accepted Answer · 2013-07-22 18:22:54Z

4

No, there isn't. If CSS was going to have a content selector, it would have kept :contains().

For what it's worth, jQuery implements :contains(), so if you're using it already you can apply styles with it instead.

edited Jul 22, 2013 at 18:22

answered Jul 22, 2013 at 14:31

BoltClock

728k165 gold badges1.4k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Pokepoke Over a year ago

I was afraid that might be the answer. Thanks anyway!

Collectives™ on Stack Overflow

CSS pseudo content selector

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related