Question

CSS根据是否有子菜单判断是否显示父菜单

HTML代码如下，dt是父菜单，dd是子菜单。由于dd是根据if条件动态显示或隐藏的，因此dt下面可能没有dd，如果这种情况希望自动隐藏dt。
请问是否可以通过给dt增加统一的css样式实现？
比如判断dt的下一个元素是不是dd，如果是就显示，不是就隐藏，请问css该怎么写？

<dl>
<dt><a href="#" >菜单1</a></dt>
#if(条件1.1)
<dd><a href="#" >菜单1.1</a></dd>
#end
#if(条件1.2)
<dd><a href="#" >菜单1.2</a></dd>
#end
<dt><a href="#">菜单2</a></dt>
#if(条件2.1)
<dd><a href="#" >菜单2.1</a></dd>
#end
</dl>

Answer 1

css做不到这个。。

Answer 2

确定是css?

Answer 3

你还是用js 吧