css - 样式化 UL UL li 不适用于下拉菜单

标签 css drop-down-menu

http://www.milknhny.co.uk/SofiaWork/

我正在尝试在此下拉菜单上设置子菜单的样式,我尝试了一个 ul ul 类,但它似乎不起作用。

我必须对特定菜单项进行两种特定样式设置(因为客户希望前两种颜色不同)。

这些是元素:

#menu-item-10 etc.

现在,我是否再次为诸如 #menu-item-10 ul ul 之类的细节设置样式?

最佳答案

使用特定的选择器;

li[id^="menu-item-"] ul ul

这样您就可以匹配所有菜单项,无论它们如何结束。 id + ^= 选择器表示;

everything in an id-attribute-field that starts with "string"

li 前缀将使它只匹配 li 元素。

关于css - 样式化 UL UL li 不适用于下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15729222/

相关文章:

vba - 如何获取word中下拉菜单的值

java - 运行时在下拉菜单中选择默认值

javascript - 在特定下拉列表中选择时,从所有其他选定的多个下拉列表中删除选项

css - 将搜索图像移动到文本框的右侧?

javascript - JS移除和添加类计时功能

html - 使文本框和文本区域更长

jquery - 需要点击两次才能在IE10中选择asp.net下拉列表项

html - 在 Firefox 中选择元素的边框

html - 单选按钮无法根据样式表进行格式化

html - 响应式设计中的文章和无序列表溢出