html - 如何正确地 -markup ？

Question

我正在使用 <ins>和 <del>标记文档中的编辑更改。为了使它们更易读，除了 <u> 之外，它们还涂上了一些绿色和红色。和 <s> .除了 dl-dd-dt 列表外，一切正常。在那里，我使用 <ins>到处都是，但是<dt>的绿色都没有保留也不是 <dd> .

我知道我可以添加另一个 <ins>每个 <dt>和 <dd> .但如果可能的话，我更喜欢一种更有原则的方法:毕竟，应该添加包括其缩进的整个文本，而不仅仅是元素，因此在语义上使用单个封闭会更准确<ins> .

(我使用的是 Firefox 39.0，应该有问题)

ins {
  background: #e4ffe4
}
del {
  background: #ffd0d0
}

<INS>
          Preamble, green
    <DL>
    <DT>dt: underlined but not green
    <DD>dd: underlined but not green
    
    <DT><INS>dt-with-ins, green</INS>
<DD>
  <INS>dd-with-ins, green</INS>

  </DL>
  </INS>

  <HR>
  <A href="http://validator.w3.org/check?uri=referer">Validated HTML</A>

Answer 1

给你。只需添加一个 ins dl 样式即可。

ins, ins dl {
  background: #e4ffe4
}
del {
  background: #ffd0d0
}

<INS>
          Preamble, green
    <DL>
    <DT>dt: underlined but not green
    <DD>dd: underlined but not green
    
    <DT><INS>dt-with-ins, green</INS>
<DD>
  <INS>dd-with-ins, green</INS>

  </DL>
  </INS>

  <HR>
  <A href="http://validator.w3.org/check?uri=referer">Validated HTML</A>