css的继承与a标签

css的继承与a标签

 <!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
 <title>CSS运用</title>
 <style type="text/css">
  span{color:blue;
       font-size:20px;}
  .colorgray{color:gray;}
  div li{color:green;}
  li.colorred{color:red;}
  li.colororange{color:orange;}
  /*a:link{color:green;}
  a:hover{color:blue;}*/
      
 </style>
</head>
<body>
<div>慕课网</div>
<div>
    <div>
  <p><span>HTML超文本标记语言</span>,“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。</p>
  <p class="colorgray">课程内容</p>
  <ul>
   <li><a href="#">html基础标签</a>
    <ol>
     <li>段落标签</li>
     <li>图像和超链接标签</li>
     <li>列表标签</li>
    </ol>
   </li>
   <li>html表格标签</li>
   <li>html表单标签</li>
  </ul>   
 </div>
 <div>
  <p><span>CSS层叠样式表</span>(Cascading Style Sheets),样式定义如何显示HTML元素。</p>  
  <p class="colorgray">课程内容</p>
  <ul>
   <li><a href="#">CSS基础语法</a></li>
   <li>CSS使用方法
    <ol>
     <li class="colorred">行内样式</li>
     <li class="colorred">内部样式</li>
     <li class="colorred">外部样式</li>
    </ol>
   </li>
   <li>CSS选择器
    <ul>
     <li class="colororange">ID选择器</li>
     <li class="colororange">class选择器</li>
     <li class="colororange">标签选择器</li>
    </ul>
   </li>
  </ul>   
 </div>
</div>
<div>慕课网 只学有用的</div> 
</body>
</html>

老师这是编程题,当我将伪类选择器a注释掉时,为什么两个a标签里面的文字颜色是默认的蓝色,而不是继承div li{color:green}的绿色?

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

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

1回答
卡布琦诺 2017-09-10 17:18:36

由于CSS的层叠(cascading),a元素继承自父级li的样式(color:green)被浏览器的a元素的默认样式给覆盖了。也就是啊标签不能继承其父级的默认颜色样式,祝学习愉快!

  • 提问者 PuyuaN #1
    又看了一遍4-1继承和层叠,发现老师视频里讲到了这点,谢谢!
    2017-09-11 20:42:29
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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