鼠标经过a标签里的内容无法显示为蓝色求解。

鼠标经过a标签里的内容无法显示为蓝色求解。

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

<title>CSS运用</title>

<style type="text/css">

   div p span {

       color: blue;

   }

   li{

       color: green;

   }

   .content {

       color: gray;

   }

   ol li {

       color: red;

   }

   .css {

       color: orange;

   }

   ul li a:hover {

       color: blue;

   }

</style>

</head>

<body>

<div >慕课网</div>

<div>

    <div>

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

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

<ul>

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

<li>CSS使用方法

<ol>

<li>行内样式</li>

<li>内部样式</li>

<li>外部样式</li>

</ol>

</li>

<li>CSS选择器

<ul class=css>

<li>ID选择器</li>

<li>class选择器</li>

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

</ul>

</li>

</ul>

</div>

</div>

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

</body>

</html>


正在回答

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

2回答

你好同学 , 鼠标移入a标签是可以变为蓝色的 . 如下

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

同学再测试一下哦 , 另外根据效果图 , 建议给各部分内容设置灰色背景 .

祝学习愉快 ,望采纳 .


提问者 很多本正经的男人 2019-03-18 13:51:43

老师请看下图,给li添加color:green我想看到的li里面的内容无法变成绿色,我又单独给li里面的a添加了color:green,我想看到的li里面的内容变成了绿色,请问根据CSS继承性a无法继承父元素的样式吗?
http://img1.sycdn.imooc.com//climg/5c8f30060001db2502240058.jpg

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

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

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

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

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

  • 你好同学 ,并不是不能继承 ,只不过a有默认的样式 ,a自身的样式的优先级大于继承的样式 . 所以如果你想给a设置字体颜色 ,需要直接给a标签设置哦
    2019-03-18 15:00:22
  • 那么哪些样式a标签是无法继承的?
    2019-03-18 19:10:39
  • 那就太多了老铁 , 不过你说的哪些样式a标签是无法继承的有一点问题 , 样式没有办法继承是针对所有的元素哦 并不是单单只有a不能继承它, 看下这个把https://www.cnblogs.com/thislbq/p/5882105.html
    2019-03-19 11:10:16
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
微信客服

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

帮助反馈 APP下载

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

公众号

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

在线咨询

领取优惠

免费试听

领取大纲

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