CSS: Dấu hoa thị (*) này là gì?

Question

dòng mã này là dành cho thanh điều hướng của Apple.com

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

Ai đó biết điều đó có dấu hoa thị sau giờ học có nghĩa?

Answer 1

#globalnav[class*="nosearch"] 

có nghĩa là: lớp chứa "nosearch"

---

#globalnav[class^="nosearch"] 

có nghĩa là: lớp bắt đầu với "nosearch"

---

#globalnav[class$="nosearch"] 

có nghĩa là: lớp kết thúc với "nosearch"

---

tham khảo: http://reference.sitepoint.com/css/css3attributeselectors

Answer 2

* rất giống với ~ nhưng ~ phù hợp chỉ với không gian xung quanh nó.

Ví dụ:

foo bar 

nhưng không

foo-bar 

* sẽ phù hợp với cả hai.