CSS – Rendre un attribut d’une classe plus important qu’une autre

Afin qu’un attribut CSS prenne le dessus sur un autre, par exemple lorsqu’un élément est défini par deux classes, il est possible d’utiliser l’option !important.

Par exemple :

<div class="style1 style2"></div>

CSS :

.style1 {
    background-color: #38c8ff;
}
.style2 {
    background-color: #ffffff !important;
}

Le fond sera au final blanc.