Question

我正在平台中构建一个简单的网页，我只能使用index.html属性更改html标记中的CSS样式。

现在，在“定义”列表中，我希望增加所有style元素的底部填充，但无需为每个dd元素添加style属性。这是可能的，如果是这样的话：怎么样？

例如，从：

开始

dd

我想增加<dl> <dt>Coffee</dt> <dd>- black hot drink</dd> <dt>Milk</dt> <dd>- white cold drink</dd> </dl>元素的填充：

dd

但我宁愿只更改一次CSS样式。我可能需要在<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>元素中执行此操作，但我无法弄清楚如何。

Answer 1

我不推荐这个b / c它不是正确的风格方式，但它会起作用。在你的html页面中，创建一个这样的样式块：

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

另一种方法是将一个类添加到父dl并从那里设置dd样式。

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

并在你的HTML中执行此操作：

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

Answer 2

可能吗

没有。

style属性只能影响应用它的元素。

当子元素具有inherit作为要更改的属性的值时的异常。这不是padding的默认情况。

如何在没有CSS的父元素中为所有项定义样式

2 个答案: