meilleure façon d'écrire css

Je nommerais des cours pour ce qu'ils représentent, pas pour ce qu'ils ressemblent. Donc, une classe rouge code> est une mauvaise idée. Lorsque vous décidez que tout le texte rouge doit être bleu, vous pourriez vous retrouver avec CSS comme ceci:

.red {
    color: blue;
}

Si tous les DIV doivent avoir le même style CSS, utilisez une classe et donnez-le à tous votre DIV sinon vous devez utiliser plusieurs classes pour chaque DIV:

<div class="divv">afads</div>
<div class="divv">fads</div>
<div class="divv">fads</div>r code here

Tout d'abord, ne marquez pas vos classes CSS en utilisant des noms suggérant une intention visuelle, comme "Minheightstyle". Une partie de l'idée derrière CSS consiste à séparer du contenu et du style, un avantage éprouvé que vous essayez d'invalider avec le (s) nom de classe que vous affichez. Donc, il s'agit de votre première règle de base - si vous souhaitez marquer un élément, vous ne l'étiquetez pas simplement pour le style, vous étiquetez qu'il prenait des indices de la manière dont l'élément est différent des autres par rapport à son contenu. Par exemple, avec vos trois div code> S, si tous sont identiques, il devrait être possible de les sélectionner comme enfants de leur parent, par exemple: xxx pré>

si un d'entre eux est un élément de menu sélectionné (par exemple), vous pouvez lui donner la classe "sélectionnée" et le style en conséquence: p> xxx pré>

en général, essayez de raisonner la structure lorsque concevoir vos sélecteurs, par opposition à la réflexion sur le style. C'est peut-être un conseil que vous allez jeter, recourir à des mesures plus simples, mais je vous assure que c'est le meilleur investissement que vous puissiez faire si vous êtes sérieux au sujet de la conception Web aujourd'hui. La séparation du contenu et du style est absolument essentielle et non seulement avec le HTML et CSS actuels, il est pertinent dans d'autres zones. P>

et seconde, vous devez vous rappeler que les règles que vous écrivez sont appliquées par le navigateur slave - c'est-à-dire les éléments qui finissent par remplacer par vous avec votre feuille de style, doivent par spécification de CSS ont leur style recalculé de tout ce qu'il était. C'est-à-dire que si vous (par exemple) décidez de remplacer le style de tous les éléments em> avec le sélecteur suivant: p> xxx pré>

.. Parce que vous décidez que vous décidez que vous décidez que vous décidez que vous décidez sont fatigués des petites incohérences entre les navigateurs appliquant leurs propres marges et leurs propres marges ici et là-bas, et vous voulez un contrôle en acier des marges et des pavés sur vos pages, vous devez savoir que le navigateur liera la règle ci-dessus (soit informatique. Jusqu'à présent et là, ou de le différer pour plus tard) de chaque élément em> que vous avez. Connaissant cela, vous devriez raisonner si c'est une meilleure idée d'appliquer la règle ci-dessus à quelques éléments. Même raisonnement s'applique généralement aux images d'arrière-plan - est-il préférable d'appliquer la couleur d'arrière-plan aux enfants d'un élément ou simplement à l'élément lui-même (le résultat est souvent indiscernable visuellement)? P>

#foo > div
{
    min-height: 300px;
    float: left;
}

#foo > div:nth-child(1)
{
    color: red;
}

#foo > div:nth-child(2)
{
    color: green;
}

#foo > div:nth-child(3)
{
    color: blue;
}