选择器优先级
为什么在标签选择器中添加了颜色，有的标签的内容的颜色并没有改变呢？这里是因为选择器的优先级问题，因为标签使用了多种选择器。
测试: 一个元素同时使用id选择器，类选择器，标签选择器修饰，并且修饰的有重复内容(例如字体颜色)
<html>
<head>
<link rel="stylesheet" href="HtmlPage1.css" type="text/css"></link>
</head>
<body>
欢迎来到一点教程网（http://www.yiidian.com）!
<span class="style1">新闻1</span>
<span class="style1">新闻2</span>
<span class="style1">新闻3</span>
<span class="style1">新闻4</span>
<span class="style1">新闻5</span>
<br />
<span id="style2">这是一则重要的新闻</span><br/>
<span class="style1" id="style2" style="color: black">测试选择器优先级</span>
</body>
</html>
当一个元素同时被id选择器 class类选择器和 html标签选择器修饰的时候，优先级顺序分别为：
Id选择器>类选择器>html选择器热门文章
优秀文章
