类选择器规则冲突-慕课网

类选择器规则冲突

来源：8-5 类和ID选择器的区别

上官殇蛭

2015-05-12 03:07

如果类选择器规则冲突，那么是按照就近原则还是别的，在测试中我发现颜色会出现就近原则，但是字号不会

<!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>

写回答关注

3回答

puffbaby

2015-06-16 23:41:42

是的，就近原则肯定是内联的最优先了，然后再看<style></style>和<link >哪个靠页面的下面，哪个就优先级高的

0 0
上官殇蛭

2015-05-12 03:17:38

之前是我就近原则理解错误，
就近原则是

我理解成了

第二张图的顺序应该是

0 1
上官殇蛭

2015-05-12 03:10:33

已经摸懂了，嘻嘻

0 0