如何用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, .coffee+dd{display:none;}