CSS控制样式的三种方式优先级对比验证

时间:2023-03-09 09:35:28
CSS控制样式的三种方式优先级对比验证

入职已经一个月了,自此后,就好久没有写过博客了,在此先跟关注我的博友们说声抱歉。今天,在公司的一个培训作业的驱动以及伟哥那句“再不写博客就开除你”的监督下,我终于重拾旧爱,再次登录博客园,继续与大家分享我的学习成果。

好了,直入主题,大家都知道,CSS的中文名叫做层叠样式表,而CSS在控制样式的时候,有三种引入方式,分别是:

1>外部样式表 : 将样式规则直接写在*.css文件中,然后再*.html页面中通过<link>标签引入的方式

2>内部样式表 :(位于 <head> 标签内部)

3>内联样式 :(在 HTML 元素内部)

按照W3School网站(点这里直达)的说法,当同一个 HTML 元素被不止一个样式定义时,它们是有优先级之分的,如下,将优先级从小到大排列出来,其中4的优先级最高:

1.浏览器缺省设置
2.外部样式表
3.内部样式表(位于 <head> 标签内部)
4.内联样式(在 HTML 元素内部)

对于这个结论,相信大家一定有很多疑问,而网上很多都是直接对官网的内容进行复制然后粘贴发布就算了,让我们非常厌倦和烦恼,所以,在这里让我们一起来验证对比下。

注意:本次验证主要针对后面3个优先级,关于浏览器缺省设置这个,相信大家都知道,他一定是最低的,我们在此就不过多的举例验证了。

一、验证环境的描述

浏览器:FireFox 22.0

语言:HTML 4.01/CSS

开发工具:Aptana Studio 3

二、使用三种方式直接对标签进行元素定义样式

1>首先,我们先直接使用外部样式表来定义div标签的样式:

xiaoxuetu.css

 div {
color:blue
}

xiaoxuetu.html

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>CSS样式表优先级测试</title>
<meta charset="UTF-8" /> <link rel="stylesheet" href="css/xiaoxuetu.css" type="text/css" media="screen" title="no title" charset="utf-8"/>
</head> <body>
<div>外部样式表</div>
</body>
</html>

显示效果: aaarticlea/png;base64,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" alt="" />

下面我们开始验证吧。

2>外部样式表 VS 内部样式表(先定义内部样式表,再引入外部样式表定义文件) 加入内部样式表,也就是说,直接在<head>标签中定义样式规则,这个时候我们修改一下xiaoxuetu.html中的代码:

xiaoxuetu.html

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>CSS样式表优先级测试</title>
<meta charset="UTF-8" />
<style type="text/css" media="screen">
div {
color: green
}
</style>
<link rel="stylesheet" href="css/xiaoxuetu.css" type="text/css" media="screen" title="no title" charset="utf-8"/>
</head> <body>
<div>外部样式表(蓝色) VS 内部样式表(绿色)</div>
</body>
</html>

显示效果:aaarticlea/png;base64,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" alt="" />

得出优先级结果:外部样式表 > 内部样式表

3>外部样式表 VS 内部样式表(先引入外部样式表定义文件,再定义内部样式表)这步很简单,其实就是直接将link标签剪切移动到上面到head标签中定义内部样式表的前面:

xiaoxuetu.html

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>CSS样式表优先级测试</title>
<meta charset="UTF-8" />
<link rel="stylesheet" href="css/xiaoxuetu.css" type="text/css" media="screen" title="no title" charset="utf-8"/>
<style type="text/css" media="screen">
div {
color: green;
}
</style> </head> <body>
<div>外部样式表(蓝色) VS 内部样式表(绿色)</div>
</body>
</html>

显示效果:aaarticlea/png;base64,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" alt="" />

得出优先级结果:内部样式表 > 外部样式表

从<2>和<3>这两部测试我们可以知道,在直接对标签的样式进行定义时,外部样式表和内部样式表的优先与他们的引入顺序有关,嘿嘿,是不是很庆幸没有完全相信官网所说的咧……

4>外部样式表 VS 内联样式 直接在div标签中定义样式,这个时候我们修改下xiaoxuetu.html的代码:

xiaoxuetu.html

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>CSS样式表优先级测试</title>
<meta charset="UTF-8" />
<link rel="stylesheet" href="css/xiaoxuetu.css" type="text/css" media="screen" title="no title" charset="utf-8"/>
</head> <body>
<div style="color:red;">外部样式表(蓝色) VS 内联样式(红色)</div>
</body>
</html>

显示效果:aaarticlea/png;base64,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" alt="" />

得出优先级结果:内联样式 > 外部样式表

5>内联样式 VS 内部样式表,这个时候我们修改下xiaoxuetu.html代码:

xiaoxuetu.html

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>CSS样式表优先级测试</title>
<meta charset="UTF-8" />
<style type="text/css" media="screen">
div {
color: green
}
</style>
</head> <body>
<div style="color:red;">内部样式表(绿色) VS 内联样式(红色)</div>
</body>
</html>

显示效果:aaarticlea/png;base64,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" alt="" />

得出优先级结果:内联样式 > 内部样式表

从上面步骤<2>到<5>的对比中我们可以知道:内联样式的优先级是最大的,而内部样式表和外部样式表的优先级得看他们的引入和定义顺序,如果先用内部样式表定义了样式,然后再引入通过外部样式表定义的样式,你们外部样式表的样式将会覆盖内部样式表定义的样式,反之亦是一样。

当然,这个情况只是用id或者class选择的时候,也是一样的。如果对一个标签的样式定义既有class也有id选择器的时候,同时又包含了三种样式定义方式的,就得先看完下面的优先级测试了。

三、判断用id、class以及标签选择器定义样式的优先级

本次测试中,为了减少其他因素的影响,只采用内部样式表来定义样式,同时分别使用了ID选择器和Class选择器来选择使用样式的标签。

1>三种方式并存的时候

xiaoxuetu.html

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>CSS样式表优先级测试</title>
<meta charset="UTF-8" />
<style type="text/css" media="screen">
fieldset {
width: 50%
} div {
color: red;
} #idtest {
color: green;
} .classtest {
color: blue;
}
</style>
</head> <body>
<fieldset>
<legend>单一显示效果</legend>
<div id="idtest">只使用ID(绿色)</div>
<div class="classtest">只使用Class(蓝色)</div>
</fieldset>
<p>&nbsp;</p>
<fieldset>
<legend>先引入ID定义的样式再引入Class定义的样式</legend>
<div id="idtest" class="classtest">小学徒</div>
</fieldset>
<p>&nbsp;</p>
<fieldset>
<legend>先引入Class定义的样式再引入ID定义的样式</legend>
<div id="idtest" class="classtest">小学徒</div>
</fieldset>
</body>
</html>

显示效果 :aaarticlea/png;base64,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*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" alt="" />

得出优先级结果 id选择器 > class选择器 > 标签选择器

2>当只有两个class或者两个id的时候

xiaoxuetu.html

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>CSS样式表优先级测试</title>
<meta charset="UTF-8" />
<style type="text/css" media="screen">
#idtest {
color: green;
} #idtest2 {
color: YellowGreen;
} .classtest {
color: blue;
} .classtest2 {
color: yellow;
}
</style>
</head> <body>
<fieldset>
<legend>两个class的时候</legend>
<div class="classtest2" class="classtest">classtest2(黄色)先classtest(蓝色)后</div>
<div class="classtest" class="classtest2">classtest(蓝色)先classtest2(黄色)后</div>
</fieldset>
<p>&nbsp;</p> <fieldset>
<legend>两个id的时候</legend>
<div id="idtest" id="idtest2">idtest(绿色)先idtest2(黄绿色)后</div>
<div id="idtest2" id="idtest">idtest2(黄绿色)先idtes(绿色)t后</div>
</fieldset>
</body>
</html>

显示效果:aaarticlea/png;base64,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" alt="" />(由于担心黄色看不清,在那里做了一个简单说明)

得出优先级结果:当且仅当有两个或者是多个class或者id的时候,谁在前面就谁的优先级高。

3>只有标签div选择器的时候

xiaoxuetu.html(蓝色样式先,红色样式后)

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>CSS样式表优先级测试</title>
<meta charset="UTF-8" />
<style type="text/css" media="screen"> div {
color: blue;
} div {
color: red;
} </style>
</head> <body>
<div>蓝色样式先,红色样式后</div>
</body>
</html>

显示效果:aaarticlea/png;base64,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" alt="" />

xiaoxuetu2.html(红色样式先,蓝色样式后)

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>CSS样式表优先级测试</title>
<meta charset="UTF-8" />
<style type="text/css" media="screen">
div {
color: red;
}
div {
color: blue;
} </style>
</head> <body>
<div>红色样式先,蓝色样式后</div>
</body>
</html>

显示效果:aaarticlea/png;base64,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" alt="" />

从两个结果我们可以知道,当只有标签选择器的时候,后面定义的样式表的优先级就越高。

四、总结

1.当只使用id选择器、class选择器或者标签选择器的时候,不管是使用多少种样式表定义方式,都是内嵌样式的优先级最高,接下来外部样式表和内部样式表的就得看他们的引入顺序了;

2.当只使用id选择器或者class选择器的时候,同一个标签内不管使用了多少个,都是排在前面的优先级更高;

3.当只使用标签选择器的时候,如果定义了多个一样的,你们写在最后面的标签选择器生效,也就是它的优先级最高;

4.当同一个标签中既有id选择器,又有class选择器,同时又有标签选择器的时候,优先级的次序是id选择器 > class选择器 > 标签选择器;

5.当每一种都有的时候,那就根据具体情况具体分析吧,嘿嘿,哈哈……

恩,这篇文章我很用心写的哦,如果大家觉得好,麻烦点击一下赞吧,又或者你有什么疑问或者不一样的意见,欢迎留言讨论哦,因为白天要上班,所以我会在晚上有空的时候及时处理的,还请见谅哈。