CSS3 Attribute Selectors: Substring Matching

substring.html

It's an attribute wildcard selector. In the sample you've given, it looks for any child element under .show-grid that has a class that CONTAINS span.

So would select the <strong> element in this example:


    <div class="show-grid">
        <strong class="span6">Blah blah</strong>
    </div>


You can also do searches for 'begins with...'


   div[class^="something"] { } 


which would work on something like this:-


    <div class="something-else-class"></div>


and 'ends with...'


    div[class$="something"] { }


which would work on


    <div class="you-are-something"></div>
    
    
    
Referance : http://www.impressivewebs.com/css3-attribute-selectors-substring-matching/
            http://stackoverflow.com/questions/9836151/what-is-this-css-selector-class-span
            http://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048