CSSをクリーンアップするにはどうしたらいいですか？

Question

私はcss3と大量の警告のために、大量のcss検証エラーがあります。これに対処する最善の方法は何ですか？ここでの検証は次のとおりです。

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fbrainbuzzmedia.com%2Fthemes%2Famplify%2Fwordpress%2F&profile=css21&usermedium=all&warning=1&lang=en

Answer 1

CSS2.1仕様に対してCSSを検証しているので、スタイルに含まれているCSS3プロパティ（例：丸いコーナー）に対して一連のエラーが発生することが予想されます。あなたはあなたが書いている最高の仕様に対して検証するべきです：あなたのケースではCSS3。

run the validator again with CSS3の場合、表示されるエラーの数を半分に減らすことができます。ここでも、-moz-border-radiusのようなベンダー固有の属性に与えられたエラーは、CSSの仕様がブラウザのタイプに基づいて区別されないため、割引することができます。唯一の懸案事項は標準border-radiusの宣言です。ブラウザベンダーは、まだ標準化されていない標準に対するヘッジとして独自のプレフィックスを採用しています（ボーダ半径は実際には現在のIMHOによってすべてのブラウザでサポートされるはずです）。

これらの問題を解決したら、エラーリストは実際にはかなり管理しやすくなり、バリデーターが気に入らないスターハッキングはほんのわずかです。 IEで同じ結果を達成するためにCSSをもっとうまくやることができれば（あるいは、あなたのWordpressテンプレートに条件付きコメントを含む別個のIEスタイルシートを含むかもしれません）あなたのスタイルはすごくうまく見えるはずです。

基本的に、CSS3とベンダー固有の接頭辞を使用している場合、W3Cバリデーターは非標準宣言とみなされるものを呼び出すことができます。

Answer 2

あなたのCSSはCSS 3である場合、あなたはそのように評価するバリデータを設定することができます。それはそのリンクでそれをCSS 2.1として評価しています。

Answer 3

単にアスタリスクをルールの前に置くのではなく、実際のCSSのコメントを使用してください。あなたは何か前後に何かを働かせているなら、いつでも怠惰なコメントを使うことができます。

/* */ 
.body { display: none; } 
/* */ 

これしない、2番目のアスタリスクの後にスペースを追加すると

/* */
.body { display: none; } 
/* */ 

あなたが「オフ」のやった方法を使用する必要がある場合：

この

は、ルールを解析し、ルールの前に偽の文字を置くことによって、少なくともあなたのページがうまく検証されることは期待しないでください。