Cibler des éléments avec plusieurs classes à l'aide de sélecteurs CSS

Lorsque vous travaillez avec HTML et CSS, vous pouvez rencontrer des situations où vous avez besoin de sélectionner des éléments basés sur des éléments basés sur les valeurs de classes spécifiques. Une exigence commune consiste à sélectionner des éléments avec plusieurs classes qui leur sont attribuées. class = "foo"> bonjour foo

Comment pouvez-vous écrire CSS pour sélectionner uniquement le deuxième élément (avec les classes "Foo Bar") à l'aide de sélecteurs CSS?

Hello Foo
Hello World
Hello Bar

. Foo.bar { / * Styles pour les éléments avec des classes FOO et BAR * / / }

Ce sélecteur appliquera des styles à la deuxième div, car c'est le seul élément qui a les classes "foo" et "bar" qui lui sont attribuées.

.foo.bar {
  /* Styles for element(s) with foo AND bar classes */
}

div.foo.bar { / * Styles pour les éléments avec des classes FOO et BAR * / / }