CSS下拉菜单菜单在悬停时不显示子菜单

Question

CSS下拉菜单在悬停时没有显示子菜单，但找出实际问题。下面是HTML和CSS。请参阅fiddle。

看起来display: block;根本没有效果。

body {
  background-color: #eee;
  padding: 0;
}
.inline-menu,
.inline-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.inline-menu > li {
  display: inline-block;
  padding-right: 25px;
}
.inline-menu a {
  text-decoration: none;
}
.inline-menu > li > ul {
  display: none;
}
.inline-menu > li > ul:hover {
  display: block;
}

<nav>
  <span class="logo"></span>

  <ul class="inline-menu left-menu">
    <li><a href="">L-A</a>
      <ul>
        <li><a href="">1</a>
        </li>
        <li><a href="">2</a>
        </li>
      </ul>
    </li>
    <li><a href="">L-B</a>
      <ul>
        <li><a href="">1</a>
        </li>
        <li><a href="">2</a>
        </li>
      </ul>
    </li>
  </ul>
</nav>

Answer 1

您正在将hover应用于错误的元素 - 请使用此：

.inline-menu > li:hover > ul{
    display: block;
}

而不是.inline-menu > li > ul:hover

＆＃13;

＆＃13;

body{
    background-color: #eee;
    padding: 0;
}

.inline-menu,
.inline-menu ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.inline-menu > li{
    display: inline-block;
    padding-right: 25px;
}

.inline-menu a{
    text-decoration: none;
}

.inline-menu > li > ul{
    display: none;
}

.inline-menu > li:hover > ul{
    display: block;
}

＆＃13;

<nav>
  <span class="logo"></span>

  <ul class="inline-menu left-menu">
    <li><a href="">L-A</a>
      <ul>
        <li><a href="">1</a></li>
        <li><a href="">2</a></li>
      </ul>
    </li>
    <li><a href="">L-B</a>
      <ul>
        <li><a href="">1</a></li>
        <li><a href="">2</a></li>
      </ul>
    </li>
  </ul>
</nav>

＆＃13;

＆＃13;

＆＃13;

Answer 2

request.query_params._mutable = True
request.quer_params['foo'] = 'foo'

request.POST.copy()