gpt4 book ai didi

css - 更改单个顶部栏元素及其下拉菜单的背景

转载 作者:行者123 更新时间:2023-11-28 09:20:37 26 4
gpt4 key购买 nike

我有一个顶部栏导航,需要单个元素及其下拉菜单具有与其余部分不同的背景颜色。我设法更改了元素的背景颜色,但无法更改其下拉菜单。我已经想出如何更改所有元素的下拉菜单,并且我尝试了所有不同的变体以使其与单个元素一起使用但没有任何效果。

有人能帮忙吗?

澄清一下,我正在尝试选择 ID 为 account 且类为 top-bar-colour 的右侧下拉菜单。谢谢

注意:我使用的是 foundation 5。我最初在标题中有该信息,但有人删除了它,不知道为什么:/

.top-bar-section .top-bar-colour  {background-color:red} //this works
.top-bar-section .dropdown li a {background-color:red} //this doesn't as it changes all dropdowns
.top-bar-section li a.top-bar-colour .dropdown li a { background-color:red} //this doesn't work either

<nav class="top-bar" data-topbar >
<ul class="title-area">
<!-- Title Area -->
<li class="name">&nbsp;</li>
<li class="toggle-topbar menu-icon"><a href="#"><span></span></a></li>
</ul>
<section class="top-bar-section">
<!-- main nav section -->
<ul class="left">
<li><a href="#"><i class="fi-home medium"></a></i></li>
<li class="has-dropdown">
<a href="#">menu</a>
<ul class="dropdown">
<li><a href="#" class="">Dropdown Level 1</a></li>
<li><a href="#">Dropdown Option</a></li>
<li><a href="#">Dropdown Option</a></li>
</ul>
</li>
</ul>
<ul class="right">
<li class="has-dropdown" id="account">
<a href="#" class="top-bar-colour"><i class="fi-torso medium"></i></a>
<ul class="dropdown"><li><a href="#">Login</a></li></ul>
</li>
</ul>
</section>
</nav>

最佳答案

假设你想改变第一个栏的颜色和下拉你可以使用这个 css

.top-bar-section .left .dropdown li a {background-color:red} 

让我知道我的假设是否正确

关于css - 更改单个顶部栏元素及其下拉菜单的背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26106648/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com