html - 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;}

解决方案

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

这篇关于html - CSS控制不了菜单字体的颜色@的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！