97 votes

Que signifie le ** sélecteur CSS ?

Récemment je suis tombé sur * * en CSS.

Site de référence - Lien de Site.

Pour un seul * d'utilisation dans la feuille de style CSS, de l'Internet et de Débordement de Pile est inondé avec des exemples, mais je n'en suis pas sûre à l'aide de deux * * symbole dans le CSS.

Je l'ai googlé, mais impossible de trouver toute l'information pertinente à ce sujet, comme un seul * sélectionne tous les éléments, mais je ne suis pas sûr de savoir pourquoi le site a utilisé deux fois. Qu'est-ce que la partie manquante pour cela, et pourquoi est-ce hack utilisé (si c'est un hack)?

138voto

hobbs Points 71946

Tout comme n’importe quel autre moment vous mettez deux sélecteurs l’un après l’autre (par exemple ), vous obtenez le combinateur. Si est tout élément qui est un descendant d’un autre élément - en d’autres termes, tout élément qui n’est pas l’élément racine du document entier.

80voto

l2aelba Points 3156

Juste un petit exemple:

Essayez d'ajouter ceci sur votre site:

* { outline: 2px dotted red; }
* * { outline: 2px dotted green; }
* * * { outline: 2px dotted orange; }
* * * * { outline: 2px dotted blue; }
* * * * * { outline: 1px solid red; }
* * * * * * { outline: 1px solid green; }
* * * * * * * { outline: 1px solid orange; }
* * * * * * * * { outline: 1px solid blue; }

Démo: http://jsfiddle.net/l2aelba/sFSad/

Crédit: http://snipplr.com/view/30770/css-outline-help-for-html-coding/


Exemple 2:

What does the * * CSS selector do?

Démo: http://jsfiddle.net/l2aelba/sFSad/34/

33voto

Joe Frambach Points 13853

Correspond à tout, sauf l’élément de niveau supérieur, par exemple, .

11voto

CrazyFellow Points 310

* moyens s'appliquent compte tenu des styles pour tous les éléments.

* * moyens s'appliquent compte tenu des styles pour tous les enfant de l'élément éléments. Exemple:

body > * {
  margin: 0;
}

Cela s'applique marge de styles pour tous les éléments enfants de l'organisme. Même façon,

* * {
  margin: 0;
}

s'applique margin: 0 de *s'éléments enfants. En bref, il s'applique margin: 0 à presque tous les éléments.

Généralement, un * est suffisant. Il n'y a pas besoin de deux * *.

7voto

Mike Brant Points 39322

Qui sélectionne tous les éléments imbriqués dans un autre élément dans une grande partie de la même manière choisirait tout éléments imbriqués quelque part dans une `` élément.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X