前言：上一篇博客我们介绍了CSS的一些基本概念与用法，这一篇博客就顺着上一篇博客继续讲解CSS中选择器的优先级吧！
CSS选择器的优先级：
1.ID选择器>类选择器>HTML标签选择器
什么意思呢？就是说，如果在HTML页中，有多个选择器来修饰一段要在网页上显示的内容，那么就要遵循上述优先级。
E.G：
（样式表代码，body是HTML标签选择器，dropdown-menu是类选择器，而special是ID选择器。）
body {
color: #ff0; /*字体黄色*/
}
.dropdown-menu {
color: #00f; /*字体蓝色*/
}
#special{
font-weight:bold; /*字体粗体*/
color:#0f0; /*字体绿色*/
}
1.1 当HTML页只用HTML标签选择器：
<body>
ABC
</body>
结果：
1.2 当HTML页使用了类选择器：
<body>
<span class="dropdown-menu">ABC</span>
</body>
可以看到类选择器覆盖了HTML选择器的属性
1.3 当HTML页使用了ID选择器和类选择器：
<body>
<span id="special" class="dropdown-menu">ABC</span>
</body>结果：
我们又看到ID选择器覆盖了类选择器和HTML选择器的属性
2.类选择器中还与HTML内的选择器排列顺序有关，在后面的类选择器会覆盖前面的类选择器
（我们再从一个样式表代码中加入一个类选择器niu：）
.niu{
text-decoration:underline; /*下划线*/
color:#ff6a00; /*字体橙色*/
}HTML页代码：
<body>
<span class="dropdown-menu niu">ABC</span>
</body>结果：
类选择器niu覆盖了dropdown-menu的属性代码。
327
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
