Results 1 to 2 of 2
Dec 7, 2012, 09:30 #1
Regex style class selectors in CSS3?
I'm assigning a special css to my ul elements in order to specify column counts and break points. For example:
The common thing is that the "col" stem will always precede the column count.
In my css, I'd like to specify that any element that has the root css class "col" have a special class of properties. The same as if I had used class="col 1" or class="col 2" or class="col two".
Is this possible with css3 similar to how we can target specific attribute values with something like this?
Obviously I can do that, however, I want to learn something new, if its possible. Also, I'm trying to keep the css as concise as possible without being too generic so as to cause css clashes with unknown css in the markup (wordpress app, so there can be plugins that have their own css in the same scope as mine; and chances of their being classes named "one", "two", "three", etc are too high to use them as stand alone subclasses.)
Dec 7, 2012, 09:49 #2
Update: after a bit more research, I've found the answer I'm looking for. Hopefully it helps someone else:
The above selector works in all modern browsers: Safari, Chrome, Firefox, Opera, and IE. Internet Explorer has perfect support for this all the way down to version 7, but no support in 6