this line of code is for the navigation bar of Apple.com
#globalheader #globalnav[class*="nosearch"] { width:100%; } Somebody know what that asterisk after class means there?
- same as every where, a wild card, the joker.Itay Moav -Malimovka– Itay Moav -Malimovka2012-01-22 05:18:40 +00:00Commented Jan 22, 2012 at 5:18
- 6stackoverflow.com/questions/5110249/wildcard-in-cssstephenmurdoch– stephenmurdoch2012-01-22 05:20:37 +00:00Commented Jan 22, 2012 at 5:20
- 1w3.org/TR/selectors/#attribute-substringsmu is too short– mu is too short2012-01-22 05:24:56 +00:00Commented Jan 22, 2012 at 5:24
Add a comment |
2 Answers
#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
2 Comments
DanielBlazquez
#globalnav[class*="nosearch"] is the same as #globalnav.nosearch. Isn't it?
Aziz
@Dani: Nope. The first would include any class that has the string
nosearch in its name, such as boxnosearch and nosearchbutton. The second would include only the class nosearch and nothing else.* is very similar to ~ but ~ matches only with space around it.
E.g.
foo bar but not
foo-bar * will match both.
