Using regular expression in CSS to match numbers

Question

I have bunch of rows have a ID contains a number as a name like this:

<tr id="839" class="stock">
...
<tr id="2493" class="stock">
...
<tr id="4156" class="stock">
...

My CSS rule fails when I apply this:

tr[id=^['[0-9]'] {
//CSS rules goes here
}

Also, related: http://stackoverflow.com/questions/8903313/using-regular-expression-in-css — enigma, Apr 23 '15 at 01:29
@enigma I corrected the question, thank you for this notice. — H Aßdøµ, Apr 23 '15 at 01:32
You are messing up ids with class, and also your selector is totally invalid. There are no regex CSS selectors, only a limited support is available for example to match a concrete prefix. — mcserep, Apr 23 '15 at 01:35
@CMate I corrected again, It looks like the answer is "only a limited support is available for example to match a concrete prefix.". — H Aßdøµ, Apr 23 '15 at 01:38

score 1 · Accepted Answer · edited May 23 '17 at 10:26

1

With your example you'd be better off targeting them as

tr.stock {}

edited May 23 '17 at 10:26

Community

answered Apr 23 '15 at 01:36

enigma

Unfortunately not all rows will have the same class name. – H Aßdøµ Apr 23 '15 at 01:39
If you're in charge of the data generation, either ensure they all have predicable classes (different classes is fine, so long as you know what they are), or that the ids have a predictable starting string. Or you could use JQuery as I've mentioned in my answer. – enigma Apr 23 '15 at 01:44

1 Answers1