为什么在在“css选择器”后面的不是显示橙色 而是继续显示绿色

为什么在在“css选择器”后面的不是显示橙色 而是继续显示绿色


<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

<title>CSS运用</title>

<style type="text/css">

span{color:;}

div p.a{color:gray;}

ul li{color:green;}

ol li{color:red;}

.orange{color:orange;}

div p span{color:blue;}

a:link{color:green;}

a:hover{color:blue;}


div.end{font-weight:bold;font-size:20px;}

</style>

</head>

<body>

<div>慕课网</div>

<div>

    <div>

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

<p>课程内容</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>课程内容</p>

<ul>

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

<li>CSS使用方法

<ol>

<li>行内样式</li>

<li>内部样式</li>

<li>外部样式</li>

</ol>

</li>

<li>CSS选择器

<ul>

<li>ID选择器</li>

<li>class选择器</li>

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

</ul>

</li>

</ul>

</div>

</div>

<div>慕课网 只学有用的</div>

</body>

</html>


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

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

3回答
提问者 慕后端2075047 2017-05-11 16:46:19

http://img1.sycdn.imooc.com/climg//591424ad0001a25604210148.jpg

http://img1.sycdn.imooc.com/climg//591424ad0001125d05400229.jpg

不是有定义吗   为什么没有改变成orange


  • 你好这是优先级的问题,因为 ul li 设置的green 的权值大,橙色设置在 ul 上,li 是从 ul 哪继承(虽然加了 !important),继承的权值低,所以看不到橙色。
    2017-05-11 22:23:10
  • 老师请问 ul li 的权值怎么计算?课程里没有具体讲到这个。是定义的越具体优先级越高么?
    2017-05-15 15:27:00
  • 你好,本课程中的第四章CSS继承、层叠和优先级 ,就是讲解该内容的呦。
    2017-05-15 16:17:26
慕粉4425681 2017-05-11 14:13:48

你没有给css选择器后面添加类标签

<li>CSS选择器

    <ul>

        <li class="orange">ID选择器</li>

        <li class="orange">class选择器</li>

        <li class="orange">标签选择器</li>

    </ul>

</li>

理论上给 ui class="orange" 就可以了,不知道为什么这样没有效果,给每个li添加类标签才有用。


  • 提问者 慕后端2075047 #1
    我也不知道 <ul class="orange"> 这个为什么定义不了
    2017-05-11 16:44:49
  • 你好,这是优先级的问题,因为 ul li 设置的green 的权值大,橙色设置在 ul 上,li 是从 ul 哪继承(虽然加了 !important),继承的权值低,所以看不到橙色。设置在 li 上,同个li 即设置了orange 又设置了 green,所以orange 优先级高,所以看到了橙色。
    2017-05-11 22:25:03
小于飞飞 2017-05-11 11:22:43

根据上传的代码分析,只设置了ul li{color:green;} ,没有引用相关的 橙色样式,所以显示的是 绿色呦,祝学习愉快。

  • 提问者 慕后端2075047 #1
    不是有定义<ul class="orange">吗 为什么没有改变为orange
    2017-05-11 16:48:15
  • 小于飞飞 回复 提问者 慕后端2075047 #2
    你好,看上面具体的回复呦。
    2017-05-11 22:25:27
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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