css - cssセレクターチェーンのhtml 5要素

Question

ここに実用的な例があります

Modernizr を実行しています。私が持っている

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

... css では、要素が子要素を正しくラップしていても、IE8 以下ではスタイルが適用されませんか?

誰が私が間違っているのか教えてもらえますか?

ありがとう

ジェームズ

Answer 1

私が見る限り、ソースのどこにもmodernizrが含まれていません。

require.min.jsページの下部に縮小されたスクリプトがあることに気付きました。そのスクリプトが modernizr を動的にロードしている場合、要素が DOM で使用される前document.createElementに古いバージョンの IE で呼び出される必要があるため、HTML5 shiv が壊れます。

Modernizrのドキュメントから:

HTML の にスクリプト タグをドロップします。最高のパフォーマンスを得るには、スタイルシートの参照の後にそれらに従う必要があります。Modernizr を head に配置することをお勧めする理由は 2 つあります。HTML5 Shiv (IE で HTML5 要素を有効にする) は の前に実行する必要があり、Modernizr が追加する CSS クラスのいずれかを使用している場合は、 FOUCを防ぎます。

Answer 2

IE8 以下では、要素は のように表示され</element/>ますね。

要素を翻訳するものを使用する必要があります。たとえば、HTML5 Shivを使用して、ブラウザが要素を適切に理解できるようにすることができます。