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

我在一个平台中构建了一个简单的网页，我只能使用style属性更改html标签中的CSS样式。如何在没有CSS的父元素中为所有项定义样式

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

例如，从开始：

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

我想增加填充的dd元素：

<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样式只有一次。我可能需要在dl元素中执行此操作，但我无法弄清楚。

来源

2017-10-05 Matthijs

简单地说，没有。如果不允许更改css文件，则应该使用JavaScript。 –

如果他可以使用JavaScript，他应该也可以在某处编写css :) – Stender

我不会推荐这个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>

来源

2017-10-05 14:00:29

问题的第一段说明他们不能使用样式元素。 – Quentin

正确，但听起来像是他被限制为不编辑css文件而不在他的html页面内创建样式块。 –

@SariRahal谢谢，这个工程。您可以添加样式块，但可以通过网站编辑器再次删除样式块... 您说这是“不正确的方式”。这是因为编辑CSS文件更好，还是有其他原因？ – Matthijs

这是可能的

号

样式属性只能影响其所应用的元素。

如果子元素具有inherit作为要更改的属性的值，则会发生异常。这不是padding的默认情况。

来源

2017-10-05 13:52:30 Quentin

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

回答

相关问题