Css et (x)html découverte du multi-class

C’est étrange que malgré une certaine pratique, des choses simples peuvent encore étonné!
J’ai découvert (suite à une erreur de manipulation) que l’on pouvait facilement mettre deux class css a un élément html!

Comment cela se passe?

 	<style> 		.cls1 		{ 			font-size: 2em; 		} 		.cls2 		{ 			font-weight: bold; 		} 		.cls3 		{ 			border: 1px solid red; 		} 	</style> 	<div class="cls1">test cls1</div> 	<div class="cls1 cls2">test cls1 et cls2</div> 	<div class="cls1 cls2 cls3">test cls1, cls2 et cls3</div>

ce qui va donner (attention ici il y a aussi le style de la page qui s’applique mais c’est juste pour donner une idée!

test cls1
test cls1 et cls2
test cls1, cls2 et cls3

Cela ouvre énormément de possibilité, et cela semble valide donc …

Et pour ne rien gâcher cela fonctionne même sous ie!

Similar Posts:

    None Found

4 thoughts on “Css et (x)html découverte du multi-class”

  1. J’avais vu cela sur certains templates Dotclear et WordPress, c’est vrai que c’est très utile des fois, ça évite de répéter les mêmes lignes pour chaque éléments à quelques différences près.

Comments are closed.