CSS: What this Asterisk (*) does?

Question

this line of code is for the navigation bar of Apple.com

#globalheader #globalnav[class*=\"nosearch\"] { width:100%; }

Somebody know what t

Answer 1

* is very similar to ~ but ~ matches only with space around it.

E.g.

foo bar

but not

foo-bar

* will match both.

Answer 2

#globalnav[class*="nosearch"]

means: class contains "nosearch"

---

#globalnav[class^="nosearch"]

means: class starts with "nosearch"

---

#globalnav[class$="nosearch"]

means: class ends with "nosearch"

---

Reference: http://reference.sitepoint.com/css/css3attributeselectors