老师我想问一下为什么ul下的字体颜色都为绿色但是为什么<a>标签内的文字还是蓝色
来源：5-4 编程练习
栾树
2018-08-10 17:27:44
<!DOCTYPE html>
<html>
<head>
<title>实验</title>
<meta charset="utf-8"/>
<style type="text/css">
.div-silver{font-size: 40px;
font-weight: bolder;
background-color: gray;}
.div-gray{background-color: silver;}
em{color: blue;
font-style: 25px;}
h3{color: gray;}
.ul-green li{color: green;}
.ul-orange li{color:orange;}
.ol-red li{color: red;}
</style>
</head>
<body>
<div class="div-silver">慕课网</div>
<div class="div-gray">
<p><em>html超文本标记语言</em>，“超文本是指页面内可以包含图片，链接，甚至音乐，程序等非文字元素。”</p>
<h3>课程内容</h3>
<ul class="ul-green">
<li>
<a href="#">html基础标签</a>
<ol class="ol-red">
<li>段落标签</li>
<li>图像和超文本链接</li>
<li>列表标签</li>
</ol>
</li>
<li>HTML表格标签</li>
<li>HTML表单标签</li>
</ul>
<p><em>css层叠样式表</em>(Casading Style Sheet),样式定义如何显示HTML元素。</p>
<h3>课程内容</h3>
<ul class="ul-green">
<li><a href="#">CSS基础语法</a></li>
<li>CSS使用方法
<ol class="ol-red">
<li>行内样式</li>
<li>内部样式</li>
<li>外部样式</li>
</ol>
</li>
<li>
CSS选择器
<ul class="ul-orange">
<LI>ID选择器</LI>
<LI>class选择器</LI>
<LI>标签选择器</LI>
</ul>
</li>
</ul>
</div>
<div class="div-silver">慕课网，只学有用的。</div>
</body>
</html>
1回答
-
li为绿色是因为设置了如下样式 :
而因为a标签会有自己的默认样式( 字体颜色和下划线 ) ,它的默认样式优先级高 , 所以显示为蓝色 . a标签的字体需要直接为a标签设置哦
希望解答了你的疑惑 ,祝学习愉快 ,望采纳
1
相似问题
回答 1
回答 3