2012-01-22 16 views
8

esta línea de código es para la barra de navegación de Apple.comCSS: ¿Qué hace este Asterisco (*)?

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

Alguien sabe lo que significa asterisco después de clase allí?

+0

igual que en todas partes, un comodín, el comodín. –

+6

http://stackoverflow.com/questions/5110249/wildcard-in-css – stephenmurdoch

+1

http://www.w3.org/TR/selectors/#attribute-substrings –

Respuesta

27
#globalnav[class*="nosearch"] 

significa: Clase contiene "nosearch"


#globalnav[class^="nosearch"] 

significa: Clase comienza con "nosearch"


#globalnav[class$="nosearch"] 

significa: Clase termina con "nosearch"


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

+0

'#globalnav [clase * =" nosearch "]' es lo mismo que '# globalnav.nosearch'. ¿No es así? –

+1

@Dani: No. El primero incluiría cualquier clase que tenga la cadena 'nosearch' en su nombre, como' boxnosearch' y 'nosearchbutton'. El segundo incluiría solo la clase 'nosearch' y nada más. – Aziz

0

* es muy similar a ~ pero ~ partidos solamente con el espacio alrededor de ella.

E.g.

foo bar 

pero no

foo-bar 

* coincidirá con ambos.

Cuestiones relacionadas