L'un de vos experts CSS peut-il expliquer ce concepteur (si c'est même ce que vous l'appelleriez) pour moi? Je comprends le contenu, tout simplement pas l'a.button.gold. Deux points? J'essaie de modifier quelques styles sur un thème WordPress et j'aurais beaucoup plus de succès avec cela, si je pouvais déterminer ce qui se passe actuellement.
Merci
3 Réponses :
Le sélecteur signifie simplement sélectionner n'importe quel élément A code> ayant la classe .button code> ainsi que .gold code> de sorte que votre étiquette d'ancrage doit ressembler à <p class="demo demo2">Hello, this will be green as well as bold</p>
Le sélecteur A [Classe = "Bouton Gold"] n'est pas équivalent à a.button.gold . Ce dernier correspond à E.G. ... et ... , le ancien ne le fait pas.
Une utilisation plus précise des sélecteurs d'attributs serait a [class ~ = "bouton"] [Classe ~ = "or"] . Votre édition n'a pas d'adresse .
@BoltClock J'ai oublié le problème de commande ici, merci pour cela, je modifierai ma réponse ..
Merci de le poser tellement explicitement. A du sens maintenant.
Ce sélecteur représente un élément si le avec deux classes, car vous pouvez avoir autant de classes (séparées par un espace blanc dans l'attribut de classe elle-même) dans CSS que vous le souhaitez. Le HTML ressemblerait à: avait trois classes que vous pouvez continuer le motif:
Est-ce que .button.gold signifie que l'élément doit avoir bouton et or exactement ou au moins bouton et et Gold ?
Cela signifie que la couleur d'arrière-plan spécifiée sera applicable à tous les balises Par exemple, Si vous avez une balise et une autre balise puis, la couleur d'arrière-plan des deux classes sera la même spécifié. dont l'attribut "Classe" a une valeur de "bouton" ou "or".
-1 Ce n'est pas correct - comme indiqué dans d'autres réponses, c'est une condition et une condition, pas une condition. Voir cette jsfiddle: Jsfiddle.net/w5mvudat
Toute balise d'ancrage qui a la touche Classe qui a la classe
orC'est un lien avec un bouton
ayant la classeor ?un .button .gold {couleur-couleur: # b9972f; }Maintenant c'est mieux. :)