CSSなしの親要素内のすべてのアイテムのスタイルを定義するには

Question

style属性を使用してhtmlタグのCSSスタイルを変更することに限定されているプラ​​ットフォームで簡単なWebページを構築しています。

定義リストでは、すべてのdd要素のボトムパッドを増やしたいと考えていますが、dd要素ごとにstyle属性を追加する必要はありません。それは可能なのか、もしそうなら、どうすればよいのでしょうか？

<dl> 
    <dt>Coffee</dt> 
    <dd style="padding-bottom: 10pt">- black hot drink</dd> 
    <dt>Milk</dt> 
    <dd style="padding-bottom: 10pt">- white cold drink</dd> 
</dl> 

しかし、私は一度だけCSSスタイルを変更することを好む：私はdd要素のためのパディングを増やしたい

<dl> 
    <dt>Coffee</dt> 
    <dd>- black hot drink</dd> 
    <dt>Milk</dt> 
    <dd>- white cold drink</dd> 
</dl> 

：たとえば

は、から始まります。私はおそらくdl要素でこれを行う必要がありますが、私はどのように把握することはできません。

Answer 1

私はこのb/cを推奨しませんが、それはスタイルを変更する正しい方法ではありませんが動作します。 HTMLページでは、このようなスタイルのブロックを作成します。

<style> 
    dd { 
     padding-bottom: 10pt; 
    } 
</style> 

もう一つの方法は、親DLとスタイルそこからddにクラスを追加することです。

<dl class="blah"> 
    <dt>Coffee</dt> 
    <dd>- black hot drink</dd> 
    <dt>Milk</dt> 
    <dd>- white cold drink</dd> 
</dl> 

Answer 2

が可能

号

スタイル属性のみが、それが適用される要素に影響を与えることができるということです。

子要素に変更するプロパティの値としてinheritがある場合は例外です。これはpaddingのデフォルトの場合ではありません。