Select element that has a class that starts with a string

Question

Is it possible to select a element that has a class that starts with a string?

There is

 .element[class^="icon-"]{
   ...
 }

but it fails when the class is preceded by another class or whatever :(

Your answer here : http://stackoverflow.com/questions/13352080/css-match-all-class-selectors-that-begin-with — Rares Hideg, May 01 '14 at 18:45

score 1 · Accepted Answer · answered May 01 '14 at 18:59

1

Yes, you can!

.element[class^='icon-'],
.element[class*=' icon-'] {
  ...
}

answered May 01 '14 at 18:59

Caio Tarifa

2

This will, of course, fail if the class is preceded by any of the *other* valid whitespace characters: `\n`, `\r`, `\f`, and `\t`. Otherwise, the general idea is sound. – zzzzBov May 01 '14 at 19:11
1

@zzzzBov yes, you know a solution to "fix" it? – Caio Tarifa May 01 '14 at 19:18

1 Answers1