-1

タイトルが曖昧すぎますか？次に例を示します。

HTML：

<h1>Heading 1</h1>
<h1 class='header'>Heading 2</h1>

CSS：

h1 {
font-size: 2px;
}

.header {
font: 12px;
}

Webサイトでは、見出し1と見出し2の両方のフォントサイズが2pxです。どうしてこれなの？知らない階層はありますか？もしそうなら、どこでそれについてもっと読むことができますか？私は探していましたが、手がかりがないからです。

---編集---わかりました、最初の例は驚くほど愚かなタイプミスでした....マイナス-1をありがとう。そして、あなたの答えが破壊されたことに感謝しますが、それは私の例でこれが起こったという純粋な偶然の一致でした。

したがって、ここで実際の例を示しますが、それが再び些細なことではないことを願っています。

html：

<div class="container-fluid">
<div id="content" class="product-info">
<div class="product_overview_wrapper span-fluid250-overview product-info">
<h3 style="heading_price" id="heading_price_id">PRICE:</h3>
</div>
</div>
</div>

CSS：

.product_overview_wrapper h3 , .product_overview_wrapper p {
font-family: 'Ovo', serif;
font-size: 1.1em;
font-weight: lighter;
color: #363636;
margin-top: 19px;
line-height: normal;
}

.heading_price {
margin-top: 100px;
}

上記のように、h3を1回前にスタイリングしました。ただし、私の.heading_priceスタイルはまったく効果がありません。要素をチェックするとき、私はそれをクロムでさえ見ません...誰かが助けてくれることを願っています、そしてこれは私に再びポイントを要しません;）

4

1 に答える 1

4

変化する

.header {
font: 12px;
}

に

.header {
font-size: 12px;
}

を使用する場合font、これは省略形であり、サイズだけに制限することはできません。

参考文献を参照してください：

CSSフォントの省略形を使用する場合の注意点はほとんどありません。これらの条件が満たされない場合、プロパティは無効になり、完全に無視されます。キーワードを使用する場合を除いて、font-sizeプロパティとfont-styleプロパティの両方の値を定義する必要があります。

于 2012-12-01T18:16:39.877 に答える