2

この時点で、RubyonRailsを使用して新しいWebサイトを構築します。サイトがどんどん大きくなるにつれて、私のcssルールは乱雑になっています。そこで、cssコードの可読性を向上させ、間違いを回避する方法を考えました。

ヘッダーやフッターなどのグローバル要素をリセットして処理するすべてのページに対して、1つのグローバルcss.scss（SASS、LESSなど）ファイルがあります。他のすべてのページには、専用のcssファイルがあります。たとえば、aboutページにはabout.css.scssファイルがあります。about_page.css.scssファイルでは、コードは次のようになります。

.about_page {
  .othersubclass {
    .
    .
  }
}

'about.erb'ページにいる間、私は以下を持っています：

<div class="about_page">
  <div class="othersubclass">
    .
    .
    .
  </div>
</div>

これは良いテクニックですか、それとも悪いテクニックですか？この問題に直面する既知の技術はありますか？

（ところで、RoRはすべてのcssファイルを1つのファイルに連結するため、余分なhttpリクエストに問題はありません）

4

2 に答える 2

2

ごとに: http://betterfrontend.com/guides/stylesheets/

一般に、サイトの主要なセクションごとにスタイルシートを作成することをお勧めします。

次に、すべてを application.css.scss 内でコンパイルできます (すべての @import はここにあります)。

于 2012-09-13T20:06:32.287 に答える
0

Webサイトの各ページのルート要素に一意のCSSクラス/IDを追加することはまったく問題ありませんが（実際、多くのCMSはそれを行います）、ページごとに個別のCSSファイルを作成するのはやり過ぎのようです。通常はありません。多くのページ固有のCSS。

ビルドプロセスはすべてのCSSを1つのファイルに連結するとおっしゃっていたので、本番環境では問題ではなく、コード編成の問題にすぎません。プロジェクトアーキテクチャに適合する場合（他のリソースをページごとに分離している場合）は問題ないと思いますが、個人的には、たとえばDaniel Fischerが提案したように、より粗い分割を行うことになります。

あなたの場合、たくさんの（数十？数百？）小さなcssファイル（それぞれ0-50行？）を維持するのが便利かどうか考えてみてください。

于 2012-09-13T20:31:35.190 に答える