Est-il possible de donner la priorité à une classe CSS par rapport à une autre ?

Question

Disons que j’ai un div qui utilise deux classes css qui utilisent toutes deux text-align, mais l’une est centrée et l’autre est alignée à droite.

Est-il possible de spécifier quelque chose qui donnera la priorité à une classe sur l’autre?

Answer 1

<ol> <li>spécifier un sélecteur plus spécifique, par exemple préfixer un ID avant lui ou préfixer le nom du nœud avant la classe</li> <li>l’affecter après l’autre classe</li> <li>si deux classes se trouvent dans des fichiers distincts, importez le fichier de priorité en second</li> <li>!important</li> <p><code></code> est la voie paresseuse, mais vous devriez vraiment aller pour #1 pour éviter important-ception. Une fois que vous en avez ajouté <code></code> un, vous ne pouvez pas l’utiliser pour rendre une autre règle encore <em>plus</em> importante.</p></ol>

Answer 2

Vous devez utiliser la spécificité CSS pour remplacer les déclarations précédentes http://htmldog.com/guides/cssadvanced/specificity/

ainsi: peut être remplacé par :

Answer 3

comme « meder omuraliev » a répondu, vous pouvez utiliser un sélecteur plus spécifié. et je voudrais de fournisseur d’une manière générale que la façon de sepcific une priorité plus élevée pour tout type de sélecteur, c’est-à-dire utiliser l’attr presdeo.

par exemple:

pour remplacer cela, vous pouvez utiliser comme ceci:

Answer 4

.bar { text-align: right !important;}