5

主にエラーをチェックするために、csslintを介して適切な量のcssを実行しました。私が受け取る警告の80％は、同じヘッダー要素を複数回定義したことによるものです。だから私はこれらの種類のスタイルをクリーンアップするための最良の方法は何であるかと思っていました...

h4 {
    color: red;
}

.archive h4 {
    color: green;
}

デザインの他の場所ですでにh1-h6スタイルを使用していることを覚えておいてください。

このためにクラスを使用してから、ミックスイン（スタイラスを使用しています）でスタイルを継承する方がよいでしょうか？

h4 {
    color: red;
}

.archive-header {
    color: green;
}

私がそれにいる間、なぜcsslintはこれに対して警告するのですか？パフォーマンスへの影響はありますか？

4

1 に答える 1

2

  1. それを回避するには、確かに...あなたの解決策はうまくいくはずです。
  2. 同じヘッダーのスタイルを変えてはいけないので、CSSLintはそれに対して警告します。これは主題についてもっと話している記事からの少しの抜粋です：

    見出し（または実際には何でも）をスタイリングするとき、3つの大きな目標を達成する必要があります。

    1. 乾かす–繰り返さないでください。見出しを一度設定し、それらのフォントスタイルやセレクターを繰り返さないようにします（まあ、めったにありません！）。これにより、サイトの保守が容易になります。
    2. 予測可能–見出しは、ページのどこに配置されていても同じように見える必要があります。これにより、新しいページやコンテンツの作成が簡単になります。
    3. 特異性を低く保ち、セレクターを可能な限りシンプルにします。これはパフォーマンスに役立ち、サイトが時間の経過とともにますます絡み合うのを防ぎます。
  3. パフォーマンスへの影響はありません。どちらかといえば、タグの代わりにクラス名を使用する方が良いかもしれません。あなたが提案した解決策は、グーグルによってあなたのウェブサイトをより速くする方法のほとんど教科書の推薦です。

于 2012-06-07T13:28:51.007 に答える