常用css与xpath速查表

本文主要是介绍常用css与xpath速查表，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

元素选择器

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

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

类选择器

设置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元素都变成蓝色

这篇关于常用css与xpath速查表的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

CSS教程