0

リストがdivのクラスとしてイタリックに設定されていないのはなぜですか?

<style type="text/css">
body{
font:62.5% Arial, Helvetica, sans-serif;
}
h1{
font:small-caps 1.6em "Times New Roman", Times, serif;
}
.recipe .intro{
font:italic 1em Arial, Helvetica, sans-serif;
}
</style>
</head>

<body>
<h1>Recipes for Cheese</h1>

<p class="intro">Cheese is a remarkably versatile food, available in literally hundreds of         varieties with different flavors and textures.</p>

<div class="recipe">

<h2>Welsh Rarebit</h2>

<p class="intro">Cheese is a remarkably versatile food, availalbe in literally hundreds of varieties with different flavors and textures.</p>

<ol>
<li>Lightly toast the bread</li>
<li>Place on a baking tray, and spread with butter.</li>
<li>Add the grated Cheddar cheese and 2 tablespoons of beer to a saucepan. Place the saucepan over a medium heat, and stir the cheese continuously until it has melted. Add a teaspoon of wholegrain mustard and grind in a little pepper. Keep stirring.</li>
<li>When thick and smooth, pour over each piece of taost spreading it to the edges to stop the toast from burning.</li>
<li>Place under the grill for a couple of minutes or until golden brown.</li>
</ol>
</div>    
</body>

Recipe クラスにあるので、注文リストはイタリックにする必要があります。そうでない理由を説明してください。

ありがとう

4

2 に答える 2

2

<li>css クラスのプロパティを継承.recipeしません。適用するには、次の手順を実行する必要があります。

.recipe li{
    font:italic 1em Arial, Helvetica, sans-serif;
}

タグ<a>でも同じことが起こります。必要な値を適用する必要があります.css

このデモを確認できます

詳細を知りたい場合は、このドキュメントを確認してください

于 2012-06-06T01:41:52.093 に答える
1

.recipe .intro(段落タグ)のみがfont:italic 1em Arial, Helvetica, sans-serif;適用されました。すべての.recipeにそのフォントを使用するには、 を削除し.introます。

.recipe .intro「クラスを持つすべての要素の子孫であるintroクラスを持つすべての要素に対してrecipe、これらのスタイルを適用します。」

于 2012-06-06T00:11:08.463 に答える