28256 sujets

CSS et mise en forme, CSS3

Css syntaxe

Bonjour,


.un p,
.deux p,
.trois p,
.quatre p{
}

Y a t-il un moyen plus optimisé pour l'écrire ?

Merci
Modifié par olimann (16 Nov 2012 - 23:18)
éventuellement:
[ class ] p {}

depend du contexte car moins precis
<edit>arf , foutus []
Modifié par gc-nomade (17 Nov 2012 - 00:07)
Simplement pour gérer des colonnes dans un article de Joomla.

<div class="un">
	<p>...</p>
</div>
<div class="deux">
	<p>...</p>
</div>
<div class="trois">
	<p>...</p>
</div>
<div class="quatre last-col">
	<p>...</p>
</div>
<div class="clear">&nbsp;</div>
Avec p:nth-child(n) tu agis indifféremment sur chaque p et tu ne crées pas de div inutiles freinant ainsi ton optimisation. Smiley smile
Il est également possible que toutes ces div aient un parent commun, qui te simplifierait la tâche ?
@rodolpheb : p:nth-child(n) ? Je ne connaissais pas à voir !

@Ten : oui je sais, c'est la solution la plus simple Smiley cligne un block de plus...quoi ?

Merci pour vos réponses !
Pas forcément ! Ne rajoute surtout pas un élément pour ça !

Par contre ils ont forcément un parent commun, donc à toi de voir si tu peux t'en servir ou non. Si leur seul parent commun est body, ça peut être gênant - et donc une mauvaise idée - car ça impacterait tous tes paragraphes.
Sujet clos