【问题标题】:Style first level of menu only仅样式第一级菜单
【发布时间】:2012-08-15 20:44:21
【问题描述】:

要设置菜单的第一级样式,我认为这段代码可以工作:

http://jsfiddle.net/2g36L/1/

谁能指出我哪里出错了,谢谢。

【问题讨论】:

  • 在一级li元素中添加一个类可以接受吗?
  • 这叫继承。 CSS 非常擅长。
  • 我刚刚更新了示例,是的,我正在尝试 li 的第一级,但似乎不起作用,您可以玩一下代码吗,谢谢。
  • 它按预期工作。如果您只想选择第二个菜单,请尝试选择器li > ul

标签: css menu navigation descendant


【解决方案1】:

确实如此,但是由于您没有为其他元素指定其他颜色,因此它们继承了您为顶部 <ul> 元素指定的颜色。如果你给另一个<ul> 一个颜色,它就可以正常工作。

jsFiddle example.

【讨论】:

  • +1 - 您的解决方案很好,但我会这样做:ul {} 用于第一级,ul > li > ul {} 用于第二级。与您的样式一样,第二级获取页面上所有其他uls 的默认样式。而且层次结构也变得更加清晰。是的,在我的示例中,第一级 ul 获得默认的 ul 也是如此,但也许这很有用,或者您可以在两者中添加 div > […](如果适用)。
【解决方案2】:

颜色是一个继承的 CSS 特征,所以即使你只为 div 下的直接 UL 声明它,它也被嵌套元素继承。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2010-10-11
    • 2020-12-06
    • 2012-01-24
    • 1970-01-01
    • 1970-01-01
    • 2015-04-05
    • 1970-01-01
    相关资源
    最近更新 更多