What does the selector [class^=“span”] do?

Question

I can\'t work out what this is:

Line 33 of http://twitter.github.com/bootstrap/assets/css/bootstrap-1.2.0.min.css

.row [class^=\"span\"] {
  display:         


        

Answer 1

That is an attribute selector, specifically one of the CSS3 substring-matching attribute selectors.

This rule applies styles to any element whose class attribute begins with span (^= means "starts with"), that occurs in any element with the class row.