CSS控制不了菜单字体的颜色@

带 A标签 和 li 标签的菜单,我控制不了他们的颜色,是不是初始CSS代码的缘故?
附代码和图片
<div class="copyright-middle">

            <ul>
                <li><a href="#">Download</a></li>
                <li><a href="#">Support</a></li>
                <li><a href="#">Developers</a></li>
                <li><a href="#">Privacy</a></li>
            </ul>
        </div>

.copyright-middle li{

float: left;
padding-left: 36px;
font-family: "微软雅黑";
font-size: 18px;
color: #222;

}

body,div,address,blockquote,iframe,ul,ol,dl,dt,dd,li,dl,h1,h2,h3,h4,h5,h6,p,pre,table,

caption,th,td,form,legend,fieldset,input,button,select,textarea{margin:0;padding:0;

font-weight:normal;font-style:normal;font-size:100%;font-family:inherit;}
ol,ul,li{list-style:none;}
img{border:0;}
body{color:#000;background:#FFF;text-align:center;font:12px/1.5Arial,Helvetica,sans-serif;}
.clearfix:after{clear:both;content:".";display:block;height:0pt;visibility:hidden;overflow:hidden;}

.clear{clear:both;height:1px;margin-top:-1px;width:100%;}

.dis{display:block;}
.undis{display:none;}

图片描述

阅读 4.4k
6 个回答

里面还嵌套一层a标签你肯定控制不了,.copyright-middle li a{} 这样写就可以了

试试对a标签设置color属性

.copyright-middle li a{color:#222;}这样就好了

新手上路,请多包涵

应该已经生效了,此时菜单颜色应该就是color: #222;
你可以试着把颜色换一下color: red;试一下

因为你使用了li里面还使用了a标签,带有href属性的a标签的是有浏览器默认样式的color: -webkit-link;
解决办法:

1. 去掉href属性
2. 直接对a标签设置color

这个问题也太。。。。。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题