Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css下拉菜单字体颜色_Css_Drop Down Menu - Fatal编程技术网

Css下拉菜单字体颜色

Css下拉菜单字体颜色,css,drop-down-menu,Css,Drop Down Menu,在我的下拉菜单中,“li”的字体颜色为白色,而“hover”的颜色变为黑色,我也有下拉菜单。在我的产品链接的子菜单中悬停时,字体颜色的产品(li)变为白色我的悬停背景也为白色,我的问题是,我如何保持“li”的颜色为黑色 我的样式表 #menu{width:auto; margin: 0px 0px 0px 0px; background-color: #000; height:32px; float:right; border-radius:0px 0px 10px 10px ;} #menu

在我的下拉菜单中,“li”的字体颜色为白色,而“hover”的颜色变为黑色,我也有下拉菜单。在我的产品链接的子菜单中悬停时,字体颜色的产品(li)变为白色我的悬停背景也为白色,我的问题是,我如何保持“li”的颜色为黑色

我的样式表

#menu{width:auto; margin: 0px 0px 0px 0px; background-color: #000; height:32px; float:right; border-radius:0px 0px 10px 10px ;}
#menu ul{list-style-type:none; margin:0px; padding:0px; margin-left:10px;}
#menu ul li{float: left; position: relative; margin-left:0px; height:29px; padding-top:3px;}
#menu ul li:active {color:#000;}
#menu ul li:hover{background-color: #f5f5f5; margin-left:0px; color:#000}
#menu ul li a{color: #fff; padding: 0 16px; line-height:25px; font-size:13px; font-family:arial; display: block; text-decoration:none; margin-left:0px;}
#menu ul li a:hover{background-color: #f5f5f5; margin-left:0px; color:#000;}
#menu ul li ul li{float: none; position: relative; margin-left:0px;}
#menu ul li ul{position: absolute; top:32px; left:0; display: none; background-color: #000; width:150px; margin-left:0px;}
#menu ul li:hover > ul{display: block; margin-left:0px; color:#000;}
#menu ul li ul li a{white-space: nowrap; line-height:25px; margin-left:0px;}
#menu ul li ul li ul{position: absolute; top:0; left:145px; display: none; background-color: #000; width:150px; margin-left:0px;}
我的html代码

<div id="menu">
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">Profile</a></li>
                <li><a href="#">Product</a>
                    <ul>
                        <li><a href="#">Has Submenu</a></li>
                        <li><a href="#">Has Submenu</a></li>
                        <li><a href="#">Has Submenu</a></li>
                        <li><a href="#">Has Submenu</a></li>
                        <li><a href="#">Has Submenu</a></li>
                    </ul>
                </li>
                <li><a href="#">Other Services</a></li>
                <li><a href="#">Contact Us</a></li>
            </ul>
        </div>


添加以下CSS:

#菜单ul li:hover>a{
颜色:#000;
}

问题是锚定标签。无论您为
li
设置什么颜色,锚定标记都有样式
颜色:#fff

请提供小提琴。我还建议您在菜单的不同级别使用类名。它真的让你的css更具可读性,而且你的冲突规则问题也更少。