CSS：Asterisk（*）的作用是什么？

Question

这行代码适用于Apple.com的导航栏

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

有人知道课后的星号是什么意思吗？

Answer 1

#globalnav[class*="nosearch"]

表示：类包含“nosearch”

---

#globalnav[class^="nosearch"]

表示：class 以“nosearch”

开头

---

#globalnav[class$="nosearch"]

表示：class 以“nosearch”结尾

---

参考： http://reference.sitepoint.com/css/css3attributeselectors

Answer 2

*与~非常相似，但~仅匹配空格。

E.g。

foo bar

但不是

foo-bar

*将匹配两者。