28172 sujets

CSS et mise en forme, CSS3

Bonjour à vous tous,

En faisant ma veille technologique, je suis tombé sur une déclaration CSS toute nouvelle que je ne parviens pas à comprendre et je ne sais pas comment trouver l'information sur le web. Il s'agit de ceci :
.vignettes-container .vignette + .vignette{
	background-color: #0f0;
}
C'est la première fois que je vois cette syntaxe, c'est-à-dire le "+" entre deux classes. L'un d'entre vous pourrait m'expliquer ce que représente ce symbole et aussi s'il peut me trouver la page d'explication dans MDN ?

Merci pour votre aide et
que le code soit avec vous !
Modifié par ObiJuanKenobi (12 Sep 2022 - 07:27)
C’est le combinateur de voisin direct. Dans cet exemple, ça sélectionne un élément .vignette précédé immédiatement d’un autre élément .vignette à l’intérieur d’un élément .vignettes-container.
Meilleure solution