Question

我对我的造型有一个简短的问题。我正在尝试使用CSS设置我的下拉菜单。

因此，当我更改“主”菜单项的背景图像时，下拉部分也会获得相同的样式。我认为应该很容易只获得“下降”部分。但是我在代码中使用了什么？

它需要具有边距和固定宽度以及与主菜单条目不同的背景。

元素的主选择器是'#access a'。

我希望我已经说清楚了！

提前感谢您的反馈。

HTML

<a href="http://wattel.nl/?page_id=13">Motor</a>
<ul class="sub-menu">
   <li id="menu-item-46" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-46">
       <a href="http://wattel.nl/?page_id=29">Algemeen</a>
    </li>
</ul>

这只是一个基本的wordpress菜单。菜单由这个CSS设计：

#access a {
  background-image: url('images/menubg.png');
  min-width: 200px;
  font-family: trebuchet MS;
  text-align: center;
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  text-transform: none;
  height: 44px;
}

所以现在二级菜单项也有menubg.png，我希望它们是不同的风格。

Answer 1

在CSS中使用＆gt; 运算符

#access > a {
    background-image: url('images/menubg.png');
}

它只会设置<a>菜单的直接#access子标记，而不会设置其他标记。

样式下拉菜单的一部分

1 个答案: