What is css “[class*=my-class] .my-subclass” doing?

Question

I inherited some css and I have searched everywhere online to understand what is being expressed by a block of css that looks like:

 [class*=wrapper] .logo {         


        

Answer 1

It selects an element with class logo that has an ancestor that has wrapper somewhere in its class attribute. For example note that the class burgerwrapper also leads to the element being selected below.

[class*=wrapper] .logo {
  color: #f99;
}

Not selected


  

    Selected
  



  

    Selected
  

See http://css-tricks.com/attribute-selectors/ for some background information on attribute selectors.