À l’aide de deux classes CSS sur un élément

Question

Ce que je fais mal ici ?

J’ai un div .la, mais sur le premier je veux zéros sur le dessus, et sur le second, je ne veux aucune bordure inférieure.

J’ai tenté de créer des classes pour cette première et la dernière, mais je pense que je l’ai mal quelque part :

Et le code HTML

Je devine que ce n'est pas possible d’avoir deux catégories différentes ? Si oui comment puis-je faire cela ?

Answer 1

Si vous voulez deux classes sur un seul élément, faire de cette façon :

Référencez-le dans css comme suit :

Answer 2

Vous pouvez essayer ceci :

HTML

CODE CSS

Pour ajouter plusieurs classe dans le même élément, vous pouvez utiliser le format suivant :

DÉMO

Answer 3

Si vous avez seulement deux éléments, vous pouvez faire ceci :

Answer 4

Si vous souhaitez appliquer des styles que d'un élément qui est à ses parents d'un premier enfant, est-il préférable d'utiliser :first-child pseudo-classe

.social:first-child{
    border-bottom: dotted 1px #6d6d6d;
    padding-top: 0;
}
.social{
    border: 0;
    width: 330px;
    height: 75px;
    float: right;
    text-align: left;
    padding: 10px 0;
}

Ensuite, la règle de l' .social a à la fois des styles communs et le dernier élément de styles.

Et .social:first-child les remplace avec le premier élément de styles.

Vous pouvez également utiliser :last-child sélecteur, mais :first-childest plus pris en charge par les anciens navigateurs: voir https://developer.mozilla.org/en-US/docs/CSS/:first-child#Browser_compatibility et https://developer.mozilla.org/es/docs/CSS/:last-child#Browser_compatibility.