请问为什么最下面橘色那里设置不了?只能通过ul li ul li{color:orange;}设置.

请问为什么最下面橘色那里设置不了?只能通过ul li ul li{color:orange;}设置.

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

 <title>CSS运用</title>

 <style type="text/css">

  a:link{color: green;}

     a:hover{color:blue;}

     div p.pGray{color: gray;}

     div p span{color: blue;font-size:20px;}

     ul ol li{color: red;}

     ul li{color:green;}

     .orange{color: orange;}

 </style>

</head>

<body>

<div style="font-size: 30px;background-color: gray">慕课网</div>

<div>

    <div>

  <p><span><b>HTML超文本标记语言</b></span>,“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。</p>

  <p class="pGray">课程内容</p>

  <ul>

   <li><a href="aaa">html基础标签</a>

    <ol>

     <li>段落标签</li>

     <li>图像和超链接标签</li>

     <li>列表标签</li>

    </ol>

   </li>

   <li>html表格标签</li>

   <li>html表单标签</li>

  </ul>   

 </div>

 <div>

  <p><span><b>CSS层叠样式表</b></span>(Cascading Style Sheets),样式定义如何显示HTML元素。</p>  

  <p class="pGray">课程内容</p>

  <ul>

   <li><a href="aaa">CSS基础语法</a></li>

   <li>CSS使用方法

    <ol>

     <li>行内样式</li>

     <li>内部样式</li>

     <li>外部样式</li>

    </ol>

   </li>

   <li>CSS选择器

    <ul class="orange">

     <li>ID选择器</li>

     <li>class选择器</li>

     <li>标签选择器</li>

    </ul>

   </li>

  </ul>   

 </div>

</div>

<div style="font-size: 30px;background-color: gray">慕课网 只学有用的</div> 

</body>

</html>

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

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

2回答
好帮手慕糖 2018-06-26 09:14:47

你好,设置了ul的话,li的样式是继承ul的得来的,没有直接设置给li的样式优先级高哦。

祝学习愉快~

好帮手慕糖 2018-06-25 10:53:05

你好,因为.orange的话,是设置给ul的,而上面有直接设置给li的样式,建议:这里可以把.orange这也设置给li,例:

http://img1.sycdn.imooc.com//climg/5b3059050001c75f02670087.jpg

祝学习愉快~

  • 提问者 Msh_Chan #1
    老师,这么说的话,直接设置给ul的话是不包括ul下的li吗?
    2018-06-25 20:16:48
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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