老师,您好。我想问为什么加了CSS样式后,超链接的颜色还是蓝色?

老师,您好。我想问为什么加了CSS样式后,超链接的颜色还是蓝色?

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

<title>CSS运用</title>

<style type="text/css">

  /*补充样式*/

  span{ color:blue;}

        .u1,.u2>li{color:green;}

        .u1 ol li,.u2 li ol{color:red;}

        .u2 li ul{ color:orange;}

        a:hover{color:blue;}

        .head,.foot{background: #ccc}

        .content{background: gray;}

</style>

</head>

<body>

<div class="head">慕课网</div>

<div class="content">

    <div>

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

<p>课程内容</p>

<ul class="u1">

<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 class="u2">

<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 class="foot">慕课网 只学有用的</div>

</body>

</html>


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

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

2回答
Miss路 2018-05-20 11:26:38

把a标签中的链接去掉就好了,href=”#“ 去掉,如果加上的话会有链接的样式。活着加上之后做具体的设置也可以,但是目前去掉是最便捷的方式。

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


卡布琦诺 2018-05-18 19:19:32
a:hover {
        color: blue;
   }

这种写法的权重低,因此就不会执行了,建议修改如下:

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

希望可以帮到你~

  • 提问者 慕粉1609321600 #1
    经测试a:hover{color:blue;}鼠标滑过也能使超链接变成蓝色,我的疑问是在鼠标没有滑过之前 .u1,.u2>li{color:green;} li里面的文字都应该变成绿色,但是超链接里面的文字没有变成绿色,这是为什么呢?
    2018-05-18 23:39:12
  • 平安快乐 回复 提问者 慕粉1609321600 #2
    超链接的设置在 伪类选择器 那一章有讲 应该是 a:link{color:green;} /*未访问状态*/ 表示绿色
    2018-05-23 17:06:19
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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