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.

Your post must include a link to this post.

How does this work?
Write a response on your own website and include a link to this post. Then submit your response’s URL here. Your response may appear here after moderation. To update or remove it, edit or delete your original post and submit the same URL again. Learn more about Webmentions.