为了账号安全,请及时绑定邮箱和手机立即绑定

为什么最后一个无序列表的样式设置没有作用呢

/ 猿问

为什么最后一个无序列表的样式设置没有作用呢

龙缘 2019-06-25 08:56:33

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

<title>CSS运用</title>

<style type="text/css">

   #top,#under{

       background:#8888;

       font-weight:bold;

       font-size:20px;

   }

   span{

       color:blue;

       font-size:15px;

   }

   .gray{

       color:gray;

   }

  ul li,li a{

       color:green;

   }

   ol li{

       color:red;

   }

      ul.orange li{

       color:orange;

   }

   a:hover{

       color:blue;

   }

   /*补充样式*/

</style>

</head>

<body style="background:#EEEE">

<div id="top">慕课网</div>

<div>

    <div>

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

<p class="gray">课程内容</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="gray">课程内容</p>

<ul>

<li><a href="#">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 id="under">慕课网 只学有用的</div>

</body>

</html>


查看完整描述

1 回答

已采纳
?
小小姑娘大智慧__

ul 的类名 orange 使用的是中文的双引号,改为应为的即可https://img2.mukewang.com/5d1330150001631505280498.jpg 

查看完整回答
2 反对 回复 2019-06-26

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信