CSS sélectionner le premier élément avec une certaine classe

Quelle est la syntaxe pour sélectionner le premier élément avec une certaine classe? Veuillez préciser si cette méthode de sélection est la partie de CSS3 ou CSS2.1.

source d'informationauteur Web_Designer

  1. 43

    Si vous avez besoin de le premier élément avec une certaine classe parmi ses frères et sœursvous pouvez utiliser

    .myclass {
    /* styles of the first one */
}

.myclass ~ .myclass {
    /* styles of the others (must cancel the styles of the first rule) */
}

    N'essayez pas d'utiliser .myclass:not(.myclass ~ .myclass) pour ce faire, dans une seule règle, il ne fonctionne pas depuis :not() accepte uniquement simple sélecteurs dans les parenthèses.

    Si vous souhaitez que la première .myclass dans l'ensemble du document, il n'y a aucun moyen de le faire avec du CSS seul.

    La :nth-of-type() ou :nth-child() approches affichés sont faux, même si elles coïncidence arrive de faire correspondre les éléments que vous voulez dans votre page.

    Prise en charge du navigateur de sélecteur de frères (~): IE7+ et tous les autres.

  2. -1

    Essayer cette

    .testparent .test:first-child {
    color: red;
}

<div class="testparent">
<div class="test">test</div>
<div class="test">test</div>
<div class="test">test</div>
</div>

    la première div 'test' a la couleur rouge.

  3. -1
    .class-name:first-of-type {
  ⋮ declarations
}