118 votes

Comment appliquer deux classes CSS pour un seul div/span

Puis-je appliquer 2 classes à un seul div ou span ou tout code html elemet

Par exemple

<a class="c1" class ="c2" > aa </a>

J'ai essayé et dans mon cas, c2 n'est pas appliquée.Comment puis-je appliquer les deux classes à la fois?

194voto

Salman A Points 60620

1) l'Utilisation de plusieurs classes à l'intérieur de l'attribut de classe, séparés par un espace:

<a class="c1 c2">aa</a>

2) Pour cibler les éléments qui contiennent toutes les catégories déterminées, utilisez ce sélecteur CSS (sans espace):

.c1.c2 {
}

16voto

Steve Jorgensen Points 4830

Inclure à la fois classe de chaînes de caractères dans une classe unique valeur de l'attribut avec un espace entre les deux.

<a class="c1 c2" > aa </a>

12voto

alex Points 186293

Comme d'autres l'ont souligné, il vous suffit de délimiter avec un espace.

Cependant, de savoir comment les sélecteurs de travail est également utile.

Considérer ce morceau de code HTML...

<div class="a"></div>
<div class="b"></div>
<div class="a b"></div>

À l'aide de .a { ... } comme un sélecteur sélectionnez la première et la troisième. Cependant, si vous souhaitez en sélectionner un qui a à la fois a et b, vous pouvez utiliser le sélecteur .a.b { ... }. Notez que cela ne fonctionne pas dans IE6, il suffit de sélectionner .b (la dernière).

5voto

user2757598 Points 11
<a class="c1 c2">aa</a>

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X