常用css与xpath速查表

元素选择器

html{color:black;} h1{color:red;} a{color:yellow;}

通过html元素进行选择 通过h1元素进行选择 通过a元素进行选择

类选择器

<p class="red">我是红色。</p>

设置p元素class属性值

id选择器

#intro{color:red;} <p id="little">我很小！</p>

通过#intro选择id 通过id="little"选择

属性选择器	<div id="mr1">编程图书</div> <div id="mr1_1">php编程</div> <div id="mr1_2>java编程</div>	通过id属性区分div元素
	<style tybep="text/css"> #mr1{background:red} </style>	将id属性值为mr1的div元素背景设定为红色
	<div id="mr1"class="divRed">编程图书</div>	指定id属性值为mr1的div元素的class属性
子迭代器选择	h1>em{color:red;} <h1><em>我变红色</em></h1> <h1><p><em>我不变色</em></p></h1>	设置h1元时的em子元素为红色 （不包含其他元素）
后代器选择	h1 em{color:red;} <h1><em>我变红色</em></h1> <h1><p><em>我变红色</em></p></h1>	设置h1元素中所有em元素为红色 （包括子元素，孙元素）
相邻兄弟选择器	h1+p{color:yellow;}	将紧接着在h1元素后出现的段落变成黄色
	h1~p{color:blue;}	将h1元素后的所有p元素都变成蓝色