html - 样式化每一行，但 HTML 定义列表中的第一行

Question

设置每一行样式的最简单的选择器是什么(按行我的意思是每个 dd-dt 对，在我看来它们似乎出现在同一行上)定义列表，但第一个？我需要设置上边距。

<dl>
  <dt>...</dt>
  <dd>...</dd>

  <dt>...</dt>
  <dd>...</dd>

  <dt>...</dt>
  <dd>...</dd>

  (...)
</dl>

我的目标如下。有没有更简单的写法？

dl > dt:not(:first-of-type),
dl > dd:not(:first-of-type) {
    margin: 1mm 0 0 0;
}

Answer 1

来 self 的评论:

just use dt+dt or dt ~ dt if there's dd in between , first one will not apply the style

要在后面设置 dd 的样式，请重复选择器并将其用于 dd:dt ~dt ~dd

dt ~dt {
  color: red;
}
dt ~dt ~dd {
  color: tomato;
}

<dl>
  <dt> first</dt>
  <dd>in between</dd>
  <dt>not first</dt>
  <dd>in between</dd>
  <dt> not first</dt>
  <dd>in between</dd>
</dl>