CSS里导航下拉字体颜色和导航字体颜色一样，怎么修改不了？

html-css011

CSS里导航下拉字体颜色和导航字体颜色一样，怎么修改不了？,第1张

一般情况下，导航里面的子菜单都是，主菜单的标签里面，布局一般如下：

<ul class="nav">

<li>菜单<div class="subNav">

.....

</div></li>

<li>菜单</li>

<li>菜单</li>

<li>菜单</li>

<li>菜单</li>

</ul>

像这样的布局,以上面的布局为例，如果里面的subNav没有设置color，那么将默认继承外层的nav,那么如果要修改里面子菜单的颜色，可以直接.subNav{color:#xxx}

如果觉得优先级不够可以：.nav .subNav{color:#xxx}

如果修改不了，那么有几种情况：

1.代码写错了，

2.编写不规范，比如上面少了‘；’分号，则之后的所有样式全部无效；

3.优先级不够，因此被其他的样式覆盖了

4.选择器没用对，或者少了一层

两边加“--”比较美观。

用 也可以，用中文全角空格也可以。

中文全角空格是在中文输入状态下切换成“全角”然后在空格这个空格空出来的位置比较大。还有一种方法是用css中的“padding”。

<html>

<head>

<title>select间距调整</title>

<style>

body {font-size:12px}

select {margin:5px 0 width:120px border:1px solid #ccc}

</style>

</head>

<body>

<select>

<option value="#">--请选择--</option> 

<option value="1">QQ</option> 

<option value="1">MSN</option> 

<option value="1">ICQ</option> 

</select>

<select>

<option value="#">--请选择--</option> 

<option value="1">QQ</option> 

<option value="1">MSN</option> 

<option value="1">ICQ</option> 

</select><br />

<select>

<option value="#">--请选择--</option> 

<option value="1">QQ</option> 

<option value="1">MSN</option> 

<option value="1">ICQ</option> 

</select>

<select>

<option value="#">--请选择--</option> 

<option value="1">QQ</option> 

<option value="1">MSN</option> 

<option value="1">ICQ</option> 

</select>

</body>

</html>