<分区>
Possible Duplicate:
Complex CSS selector for parent of active child
我正在制作一个 CSS 上下文菜单，我希望所有具有子菜单的列表项都具有不同的样式，以便在视觉上向用户表示它们具有子菜单。
上下文菜单是一个 UL 元素，它的列表项是 LI，子菜单是 UL。 我已经有了功能，我只需要能够以不同的方式设置子菜单项的样式，使它们明显不同。
代码和伪代码:
我有什么(工作 CSS):
.bhContextMenu,
.bhContextMenu LI UL{
background:white;
background:rgba(255,255,255,0.95);
border:0.5mm solid lightgray;
border-color:rgba(0,0,0,0.25);
border-radius:1mm;
box-shadow:0 1mm 2mm lightgray;
box-shadow:0 1mm 2mm rgba(0,0,0,0.25);
cursor:default;
display:none;
list-style:none;
margin:0;
padding:0;
position:absolute;
width:1.5in;
}
.bhContextMenu LI{
padding:1mm 4mm;
}
.bhContextMenu LI:hover{
background: lightgray;
background: rgba(0,0,0,0.1);
}
.bhContextMenu LI UL{
display:none;
list-style:none;
position:absolute;
left:1.5in;
margin-top:-1.5em;
}
.bhContextMenu LI:hover UL,
.bhContextMenu LI UL:hover{
display:block;
}
.bhContextMenu HR{
border: none;
border-bottom: 0.5mm solid lightgray;
}
我也想要什么(伪代码):
.bhContextMenu LI contining UL{
font-weight:bold;/* or something */
}