0

我的 CSS 子菜单有一些问题。

请在这里检查我的小提琴:

http://jsfiddle.net/9XUJD/1

几个问题:

  1. 当您将鼠标悬停在 上时A element,它会变成粉红色的背景,但是如果您越过子菜单,父A元素就会失去它的背景。我怎么能告诉他即使用户打开子菜单,父母也A需要背景?
  2. 如果其中有元素,我如何告诉我的.sub元素它需要具有auto width以便向右扩展?如果你检查小提琴,我在子元素中有两列,但它有一个固定的宽度,就像它的父元素一样。
  3. 我的.sub元素可以响应吗?所以我有不同断点的最大宽度?
4

1 回答 1

0

jsFiddle 演示

  1. 您需要使用list item悬停状态,而不是链接。

    这是新的选择器:

    ul li:hover > a {
        background: #E94160;
        color: #fff;
        text-decoration: none;
    }
    
  2. 只需width.column. 块元素默认获得 100% 的宽度。

  3. 不太明白,但我认为小提琴回答了你的问题。

于 2013-10-03T15:32:10.900 回答