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:

DeliciousTechnorati FavoritesTwitterFacebookGoogle BookmarksNetvibes ShareShare

Tags: , , , ,

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

  1. B.Moncef dit :

    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.

  2. Styx dit :

    Oui c’est franchement utile.
    Comme Moncef j’ai vue sa sur les templates DC.
    Bonne article en tout cas ;)

  3. Grummfy dit :

    merci ;)

  4. FabienM dit :

    J’ai presque envie de dire, « c’est le but ! ».