源自：8-5 类和ID选择器的区别
类选择器规则冲突
如果类选择器规则冲突，那么是按照就近原则还是别的，在测试中我发现颜色会出现就近原则，但是字号不会
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>类和ID选择器的区别</title>
<style type="text/css">
.stress{
color:blue;font-size:55px;
}
.bigsize{
font-size:25px;color:black
;
}
#stressid{
color:red;
}
#bigsizeid{
font-size:25px;
}
</style>
</head>
<body>
<h1>勇气</h1>
<p>三年级时，我还是一个<span class="bigsize stress">胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个<span class="stress">勇气</span>来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
<p>到了<span class="stress bigsize">三年级</span>下学期时，我们班上了一节公开课，老师提出了一个很简单的问题，班里很多同学都举手了，甚至成绩比我差很多的，也举手了，还说着："我来，我来。"我环顾了四周，就我没有举手。</p>
<p>到了<span id="stressid">三年级</span>下学期时，我们班上了一节公开课，老师提出了一个很简单的问题，班里很多同学都举手了，甚至成绩比我差很多的，也举手了，还说着："我来，我来。"我环顾了四周，就我没有举手。</p>
</body>
</html>
提问者：上官殇蛭
2015-05-12 03:07
个回答
-
- puffbaby
- 2015-06-16 23:41:42
是的，就近原则肯定是内联的最优先了，然后再看<style></style>和<link >哪个靠页面的下面，哪个就优先级高的
-
- 上官殇蛭
- 2015-05-12 03:17:38
之前是我就近原则理解错误，
就近原则是
我理解成了
第二张图的顺序应该是
-
- 上官殇蛭
- 2015-05-12 03:10:33
已经摸懂了，嘻嘻