中间字体颜色设置黑色无效?

中间字体颜色设置黑色无效?

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

*{margin: 0; 

 padding: 0;

 color:white; 

 font-family: "microsoft YaHei"}


.header{width: 100%;

   height: 100px; 

   background: black;

            position: fixed;

            top:0;}


.logo{float: left;}


.nav{ float: right;line-height: 100px;}


.nav li{display: inline;

   margin-right:50px; 

   font-size:24px;}

       

 a:link{text-decoration: none;}


.main{width:100%; height: 800px;

 background:#add8e6;

 position:absolute;

 top: 100px;

 z-index: -1; }


.left{width:30%;

float: left; 

line-height: 50px;

    padding: 5% 0 0 20%;}


    .right{width: 50%;

        float: right;

       line-height: 50px;

          padding-top: 5%}


.left span{margin-right: 10px;}

.right span{margin-right: 20px;}

.left ul span{background: pink;}

.left ul{list-style-type: none;}


.footer{width:100%;

   height: 80px;

   background:black;

   line-height: 80px;

   text-align:center;

       position: fixed;

       bottom: 0;}



.footer li{display: inline;

      margin-right:30px; 

      font-size:16px;

      color:white;}

    

     h1 ul p{color:black;}


</style>

</head>

<body>

<div class="header">

<div class="logo"><a href="#"><img src="http://img1.sycdn.imooc.com/climg//58c0d2d900016ce303000100.png" alt=""></ a></div>

<div class="nav">

<ul>

<li><a href="#">课程</ a></li>

<li><a href="#">职业路径</ a></li>

<li><a href="#">实战</ a></li>

<li><a href="#">袁文</ a></li>

<li><a href="#">手记</ a></li>

</ul>

</div>

</div>

<div class="main">

 <div class="left">


      <h1>课程推荐</h1>

      <ul>

      <li><span>职业路径</span>php入门开发</li>

      <li><span>职业路径</span>php入门开发</li>

      <li><span>职业路径</span>php入门开发</li>

      <li><span>职业路径</span>java入门开发</li>

      <li><span>职业路径</span>php入门开发</li>

      </ul>


 </div>

 <div class="right">

      <h1>相关课程</h1>

      <p><span>HTML</span><span>CSS</span><span>JAVASCRIPT</span></p>

      <p><span>HTML</span><span>CSS</span><span>JQUEARY</span></p>

      <p><span>移动端开发</span><span>移动端app开发</span></p>

 </div>      

</div>


<div class="footer">

     <ul>

      <li><a href="#">网站首页</a></li>

      <li><a href="#">企业合作</a></li>

      <li><a href="#">人才招聘</a></li>

      <li><a href="#">联系我们</a></li>

      <li><a href="#">讲师招募</a></li>

      <li><a href="#">常见问题</a></li>

     </ul>

</div>

</body>

</html>

http://img1.sycdn.imooc.com/climg//593030360001616a13480609.jpg

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕糖 2018-01-29 09:37:56

你好,直接给.main设置color:black;是不可以的哦,建议:这里可以测试查看下哦。

祝学习愉快~

好帮手慕糖 2017-06-02 11:12:29

你好:h1 ul p{color:black;}的意思是指h1元素下的ul元素下的p元素的字体颜色,你的html代码中没有这样的结构;

这里设置字体颜色为黑色可设置h1,li,p,span {color:black;},若设置多个选择器的样式时,选择器之间可用“,”分隔。祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师