关于内部样式和外部样式的级别问题

关于内部样式和外部样式的级别问题

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Stytle</title>
<style type="text/css" >
*{color:green;}
p{color:red;}
</style>
<link href="css.css" rel="stylesheet" type="text/css">
<!-- css.css 文件中,.blue{color:blue} -->
</head>
<body>
<p class="blue">用于定义<em>HTML</em>内容在浏览器中的显示样式</p>
</body>
</html>

最后的输出结果除了HTML这4个字为绿色之外,其它都是蓝色。不是就近原则吗?如果把em删了,文字全变为蓝色。

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

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

4回答
嘻茶 2019-02-17 14:42:38

建议重新学下css的优先级关系

齁咸的大白菜 2019-02-12 21:11:00

应该是em标签的颜色样式不能通过继承获得,而link嵌入式和style内部样式优先级是就近原则。

山河远阔ZZ 2019-02-11 10:30:49

同学你好,因为在css样式中,给*{}写了改变字体颜色的样式,而*代表所有的标签,相当于直接给em标签添加了绿色的字体,而在外部链接里面,没有写*{}的样式,所以在效果显示中,html显示的是绿色的字体。

如果帮助到了你,欢迎采纳。

祝学习愉快!

慕盖茨6029426 2019-02-08 23:42:20

link链入式和style内部样式优先级取决于先后顺序。


问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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