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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<!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删了，文字全变为蓝色。

爱学习昵称已被使用 2019-02-07

源自：CSS选择的艺术 3-16 css后代选择器

2

收起

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

和循序没有关系，内部样式优先级高于外部样式。顺序只有在权值相同的情况下才会发挥作用。

2019-02-09 00:06:12
慕盖茨6029426 回复提问者爱学习昵称已被使用 #2

还有一个就是父与子的继承

2019-02-09 01:54:34

相似问题

内部样式肯定比外部样式优先级高吗？

内联式和外联式，还有那么多怎么区分

行内样式的级别问题

请问老师，编写css怎么判断现在应该用内部样式，还是内联样式，还是外部样式呢

行内样式和内联样式的格式怎么用啊？课上没讲啊

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36712 个

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

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

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

帮助反馈 APP下载

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

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