css - 如何隐藏特定的 dt 和 dd？

Question

我正在尝试专门隐藏上次修改日期和修改日期。

<dt>ID</dt>
<dd>12345</dd>

<dt>Last Modified Date</dt>
<dd>02/04/2021 12:23:11 PM</dd>

<dt>Renew Date</dt>
<dd>01/03/2020</dd> 

标签： css

Answer 1

如果它在父级中总是相同的位置，您可以使用:nth-child：

dl dt:nth-child(3) {
  display: none;
}

dl dd:nth-child(4) {
  display: none;
}

<dl>
<dt>ID</dt>
<dd>12345</dd>

<dt>Last Modified Date</dt>
<dd>02/04/2021 12:23:11 PM</dd>

<dt>Renew Date</dt>
<dd>01/03/2020</dd> 
</dl>