Html 如何正确使用<；ins>-标记a<；dl>&书信电报；dt>&书信电报；dd>；？

我正在使用

和

标记文档中的编辑更改。为了更好地阅读它们，除了

和

之外，它们还被涂上了一些绿色和红色。除了dl-dd-dt列表之外，它都可以正常工作。在那里，我到处都使用

，但无论是

还是

都没有保留绿色

我知道我可以在每个

和

中添加另一个

。但是，如果可能的话，我更喜欢一种更具原则性的方法：毕竟，应该添加整个文本，包括其缩进，而不仅仅是元素，因此在语义上更准确地使用单个封闭的

---

（我正在使用Firefox 39.0，如果这有关系的话）

ins{
背景：#e4ffe4
}
德尔{
背景：#ffd0d0
}

序言，绿色
dt：下划线但不是绿色
dd：下划线，但不是绿色
带ins的dt，绿色
带ins的dd，绿色

默认情况下，ins

元素是内联的。尝试使它们成为

块

或

内联块

ins{
背景#e4ffe4；
文字装饰：下划线；
显示：内联块；
}
德尔{
背景：#ffd0；
}

序言，绿色
dt：下划线和绿色
dd：下划线和绿色
带ins的dt，绿色
带ins的dd，绿色

您可以使用（不推荐的…）全包选择器（*）作为子代的全包：

---

ins，ins*{/*给你。只需添加一个
insdl
样式


ins，ins-dl{
背景：#e4ffe4
}
德尔{
背景：#ffd0d0
}

序言，绿色
dt：下划线但不是绿色
dd：下划线，但不是绿色
带ins的dt，绿色
带ins的dd，绿色

@false，我同意Lance关于使用span元素并将它们嵌入ins元素的观点。我认为这段代码应该创建您想要的外观


ins，ins span{
背景#e4ffe4；
} 
德尔{
背景：#ffd0；
}
序言，绿色
dt：下划线但不是绿色
dd：下划线，但不是绿色
带ins的dt，绿色
带ins的dd，绿色
我只是将其从您的问题中删除。“我正在使用Firefox 39.0，这是否重要”嗯，不应该，因为重要的浏览器是用户的，而不是开发人员的。会的。出于某种原因，我的选项卡使用“需要回答”默认情况下。@PeeHaa:new nav…这不能改变页面的外观吗？改变这样的显示类型吗？（当然，考虑到内容未知且不限于DD/DT/DL…）这是可能的，但可能不会有太大影响。是否真的有可能只有文本变为绿色，而不是文本左右的空格？@false我不这么认为，除非将文本包装在内联元素（）中。是的，您不需要在背景上设置样式，而需要在颜色上设置样式。哦，好的，我明白了。是的，您需要将INS标记环绕单个元素，而不是整个列表。@false我想这就是您想要的。看一看：这是您标记为“下划线但不是绿色”的元素。代码应该很清楚。您有问题吗？这很好，但由于它们是块元素，因此绿色将扩展容器的整个宽度。但无论如何，您仍然缺少结束标记，因此您的标记不正常。