选择器优先级


为什么在标签选择器中添加了颜色,有的标签的内容的颜色并没有改变呢?这里是因为选择器的优先级问题,因为标签使用了多种选择器。


测试: 一个元素同时使用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选择器