1

正しい答えがあるかどうかわからないので、これはおそらく境界線の質問ですが、人々がスタイルシートをどのように整理するか、そして一般的な慣習があるかどうかについては興味があります。それは個人的なスタイルに帰着すると確信していますが、それでも一部の人々が異なって何をしているのかを見たいと思います。

グローバルスタイルは常に最上位にあり、残りのスタイルは通常、ページに表示される順序で記述されます。

親クラスの下にあるすべてのサブスタイル、サブクラス、および疑似クラスをインデントする傾向があります。

#search {
    float:right;
    margin-top:20px;
    width:325px;
    height:35px;

    background-image:url(css-ref/main.png);
    background-repeat:no-repeat;

    text-align:right;
    line-height:36px;
    font-size:13px;
}
    #search a:link,#search a:visited,#search a:active {
        color:#333;
    }
    #search a:hover {
        color:#1770a9;
    }

クラス内では、常に次の順序でプロパティを一覧表示します。

.myClass {
    [position, display, and float]
    [margins and padding]
    [width and height]
    [background, border, border-style, shadow]
    [font settings]
    [animations/transitions]
}

私にとって、これは読みやすさを向上させます。なぜなら、特定のクラス内のプロパティを調べて見つける必要がある場合、物事は常に同じ順序になるからです。

スタイルシートを整理するためのより良い/より受け入れられた方法はありますか？どうしますか？

4

2 に答える 2

0

インデントまたは「ネスト」は一般的な方法であり、 SASSなどのCSSメタ言語の重要な機能です。

于 2012-12-12T18:03:55.150 に答える
0

これが良い方法です。参考までに、コードをインデントしても読みやすくなることはありません。したがって、私はしません。http://www.visibilityinherit.com/code/initial-css-settings.php

于 2012-12-12T18:33:41.167 に答える