0

これが私が抱えている問題です。効率的にして、すべてのヘッダータグを同じフォントファミリに設定したかったのです。そこで、以下のコードを使用しました。ただし、複数のセレクターコードが単一のh2コードの後に​​ある場合にのみ機能するように見えます。

マルチセレクターコードをh2コードの前に配置すると、完全に無視されます。私が欠けているものについて何か考えはありますか？テストページへのリンクは次のとおりです。

http://www.jasonkoprowski.com/test/JK_Test.html

ヘッダーを「CrimsonText」フォントを使用して表示したいのですが、デフォルトで「Times NewRoman」になっているようです（実際にどこから取得されているかはわかりません。h1、h2、h3、h4、h5を配置すると機能します。後のコードですが、前ではありません。h2タグコードの後に​​置いて、それで済ませることができると思いますが、問題の根本的な原因を確実に理解したいと思います。

h1, h2, h3, h4, h5 { 
   font-family:"Crimson Text", "Lucida Sans Unicode","Times New Roman", serif;
}


h2 {
  color:#232323;
  font-style:normal;
  font-weight:500;
  letter-spacing:-1px;
  line-height:1.1em;
  margin:30px 0;
  text-align:center;
  font-size:42px;
}

さらに混乱を招くために、Code Pen（http://codepen.io/anon/pen/EDpJg）にコードを追加すると、正しくレンダリングされているように見えます...私のサイトに何か問題がありますか？

あなたが提供できるどんな助けでも大いに感謝されるでしょう。

ありがとうございました、

コプロウスキー

4

1 に答える 1

1

問題はセレクターやルールの順序ではなく（一般的には問題になることもありますが）、<style>スタイルシートの最初と最後にあるタグに問題があります。

<style type="text/css">

と

</style>
<!--CSS END-->

これらはHTMLページに属しますが、CSSシートには属しません。さらに、開始タグがh1, h2, h3, h4, h5ルールに干渉しています。それらを削除する必要があります。

于 2013-03-26T04:07:20.497 に答える