4

最近のhttp://csslint.netの立ち上げで、私は過去にスタイルシートを作成したいくつかの方法に疑問を投げかけています。次の方法は、私が最近使用した方法です。

/* Fonts */    
h1 { font-size:20px }
p  { font-size:12px }

/* Colors */
h1 { color:green }
p  { color:grey;
     background-color:white }

/* Margins */
h1 { margin:0 }
p  { margin:0 0 5px }

リンターによると、問題は、見出しセレクターを何度も再宣言していることです。もちろん、その理由は、ルールのタイプを論理的に分離するためです。色を変更したい場合は、色の領域にアクセスします。寸法を変更したい場合は、寸法領域にアクセスします。

CSSLintは、スタイルを上書きして文字を浪費する危険があるのではないかと心配していますか、それとも見出し要素の全体的な表示に寄与するブロックの数に関連するパフォーマンスの問題がありますか？

これは悪い習慣ですか、それとも単に誤警報ですか？

4

2 に答える 2

1

スタイルは、すべてh1のsとすべてpのsのいずれかの方法で計算されます。セレクターマッチングのオーバーヘッドは、実際にスタイルを計算してレンダリングする場合の同様に無視できるパフォーマンスの「影響」と比較すると、ほとんどありません。

CSSLintが心配しているのはその通りだと思います。実際、私はあなたが自分でスタイルを整理する方法が好きで、誤って宣言を上書きする以外の問題は見られません。

于 2011-06-17T08:56:12.440 に答える
0

彼らのドキュメントから-

見出し要素は、サイト全体で一貫した外観を持つ必要があります。

パフォーマンスよりも使いやすさ/一貫性に関係していると思います。あるページで20ピクセル、別のページで14ピクセルのサイズの見出しは、専門的ではないように見えます。

于 2011-06-16T20:09:11.243 に答える