Structure page CSS

Bonjour,

Je fais le ménage dans mes feuilles CSS car elle atteignent + de 1000 lignes.
J'aurais aimer savoir s'il y avait un inconvénient à organiser ces feuilles CSS comme suit :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

a.test1 { color:blue; text-decoration:none; font-weight:bold;}   td.test2 { color:blue;}   span.test3 { font-weight:bold; color:black;}

---

deviendrait :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

/***** COLOR ***/ a.test1, td.test2 { color:blue; }   span.test3 { color:black; }   /***** FONT ***/ span.test3, a.test1 { font-weight:bold; }   /***** TEXTE ***/ a.test1 { text-decoration:none; }

---

Donc, si vous avez compris le principe, il y aurais environ un attribut (color, font-weight, etc.) par bloc, et plusieurs balise (a, td, p, etc.) par bloc. Alors pour avoir toute les informations pour par exemple a.test1, il faudrait consulter plusieurs ligne.

Est-ce qu'il y a un inconvénient à procéder de la sorte pour structurer une .CSS, du coté navigateur surtout.

Merci,

Sylvain

Bonjour,

A priori non il n'y a pas de contre indication à organiser ses css de cette manière ou d'une autres c'est surtout une question d'organisation et de facilité (ou pas) à intervenir dessus si besoin est. Mais le sens de lecture du document css peut avoir une influence sur l'application des styles, ce qui reviens à ce hack soi même en pensant bien faire, de ce fait je pense qu'il est préférable de prévoir se type de formatage en amont du dev plutôt que après ;)

Concernant css il n'y rien d'officiel quand à leur organisations et il existe de nombreuse façon de faire plus ou moins propre.

Citation:

---

Est-ce qu'il y a un inconvénient à procéder de la sorte pour structurer une .CSS, du coté navigateur surtout.

---

Non, je ne pense pas . Au contraire, tu allèges ta feuille de syle. ;)
Le seul inconvénient peut venir du fait qu'il peut être un peu plus difficile de t'y retrouver si tu dois retoucher des choses plus tard (et encore...).

Re bonjour ;)

Oui, en effet quand il y a plusieurs bloc pour la même balise, il est possible que certaine balise puisse ne pas être prise en compte (ou soient écrasées par une autre).

J'ai eu notamment le problème avec les liens (<a href...).

A priori, selon mes tests actuels, il faut mettre les "font" en premier, suivi des "text" (text-align, text-decoration, etc.) puis des couleurs (color, backgorund-color, etc.) Dans mon cas, ça fonctionne bien, mais surement pas pour tout le monde qui sait ;) faut tester.

Merci pour vos réponses rapide ;)