如何在沒有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的父元素中爲所有項定義樣式

回答

相關問題