私は私たちのウェブサイトの CSS を書いていて、それを CSS Lint で実行しました。私はかなりの数の警告を理解するのに苦労しているので、コミュニティの支援を大いに期待しています.
セレクターで ID を使用しないでください。
それがIDのポイントではありませんか？ページ上の特定の要素に対処するために使用するには?
セレクターに 2 つの ID がありますね。
同じ行で 2 つのセレクターを使用するよりも、要素を選択するより良い方法はありますか?
ブロークン ボックス モデル: ボーダートップで高さを使用します。
これが何を意味するのかわかりません。私の理解では、ボックスの高さはボーダーの高さとは別のものです。要素の高さを定義した後、境界辺が個別に定義されていますが、どこが間違っていますか?
見出し (h1) は修飾されるべきではありません。
私は CSS Lint を使ったことがないので、これらのほとんどについてよくわかりません。ただ、2.の「セレクターにIDが2つ」に関しては、冗長になりそうなのでフラグを立てているのでしょう。ID セレクターは、要素がページ上で一意であることを示します。したがって、セレクターで 2 つの ID を使用している場合、たとえば#main #navigation、最後の ID を簡単に使用できます#navigation。
ただし、たとえば、現在のページの種類を示すために上位の ID を使用している場合は、それで問題ないように見えます。
何をしようとしているのかに関係なく、何をすべきか、何をすべきでないかを熱心に教えてくれる、善意の CSS 関係者がかなりたくさんいます。
http://csslint.net/about.htmlにアクセスすると、次のように表示されます。
ID はセレクターで使用しないでください。これらのルールは HTML と密接に結びついており、再利用の可能性がないからです。セレクターでクラスを使用してから、ページ内の要素にクラスを適用することをお勧めします。
ボーダーとパディングは、要素のコンテンツの外側にスペースを追加します。探している視覚的な結果が得られないため、境界線とパディングと共に幅または高さを設定することは、通常は間違いです。CSS Lint は、ルールがパディングやボーダーに加えて幅または高さを使用する場合に警告します。
ID が作成されたのには理由があると思います。正しく計算すれば、壊れたボックス モデルについて心配する必要はありません。