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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!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 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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