html - 如何使用 CSS 隐藏 <dl> 元素？

Question

我有一个由 Wordpress 插件生成的列表。我想简单地删除列表的第一行，即元素并通过 CSS。

这是我的 html:

<dl>
 <dt class="coffee">Coffee</dt>
  <dd>Black hot drink</dd>
 <dt class="milk">Milk</dt>
  <dd>White cold drink</dd>
</dl> 

我试过了 display:none但它仅适用于 <dd> .

Answer 1

你是说你有多个 dl 而你只想删除第一个吗？

dl:first-of-type{display:none;}

或者，您是在 dl 中说要隐藏第一个 dt 和第一个 dd？

dl dt:first-child, dl dt:first-child+dd{display:none;}

或者你是说你只是想专门删除 dt 和 dd 其中 dt 有 class “咖啡”?

.coffee, .coffee+dd{display:none;}