CSS选择器优先级实例-优快云博客

好久没有搞CSS了，所以把一些基本的东西都给忘了，今天又开始要用，所以写了一个简单的例子，放在博里备忘

<HTML>
 <HEAD>
  <style type="text/css">
<!--
	/*如果选择器匹配到相同的对象，选择高优先级的CSS*/

	/*名称：ID选择器*/
	/*格式：对象id名｛｝*/
	/*作用：选择此ID的对象 优先级3*/
	#test3{
		color: #F4F300;
	}

	/*名称：类选择器*/
	/*格式：在对象中加入属性class="test2"的所有对象*/
	/*作用：选择所用对象中属性为class="test2"的对象 优先级2*/
	.test2{
		color: #F345F3;
	}

	/*名称：类型选择器*/
	/*格式：格式是这样的 标签{} 标签可是HTML中的任意的标签*/
	/*作用：适配所有是这个标签的对象 优先级1*/
	td{
		color: red;
	}
	
	/*名称：子对象选择*/
	/*格式：子对象选择器的格式是，选择器1 选择器2｛｝选择器1先做了一个筛选，只有适合选择器1的对象才能再使用选择器*/
	/*作用：通过几次的选择器的筛选后的对象 优先级4*/
	td.test a{
		color: 33FFFF;
		
	}
-->
</style>
 </HEAD>

 <BODY>
  <table>
	<tr>
		<td class="test" >
			<a href="javascript:alert('子对象选择器')">子对象选择器</a>
		</td>
	</tr>
	<tr>
		<td>
			类型选择器
		</td>
	</tr>
	<tr>
		<td class="test2" >
			类选择器
		</td>
	</tr>
	<tr>
		<td id="test3">
			ID选择器
		</td>
	</tr>
  </table>
 </BODY>
</HTML>

CSS类选择器