<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style title="text/css">
* {
margin:0px;
border:0px;
padding:0px;
} /* 通配选择器*/
#foo {
background:gray;
} /* id选择器*/
.stu {
background:green;
} /* 类选择器*/
div {
margin:5px;
} /* 标签选择器*/
p,.stu {
border:solid 2px red;
} /*群组选择器*/
div h1{
color:blue;
} /*派生选择器*/
</style>
</head>
<body>
<h1>6种选择器</h1>
<div id="foo">
id选择器是利用元素的id来选中此元素，
每个id在页面上是唯一的。
用法：1、先给某元素起一个唯一的id值，<br />
2、在css里，用#id{}来选中此元素并控制<br />
</div>
<div class="stu">
类选择器是利用元素的类名称来选中一组元素。
选中的这一组的元素具有类名称相同。
</div>
<div class="stu">
我也是stu类
</div>
<div class="stu">
我也是stu类
</div>
<p>我先来试试p标签，我想让p标签和div标签和class=stu的元素都加一个border，边框效果相同
<br />
可以使用群组选择器
</p>
<div>
<h1>这是div下的一个h1</h1>
<p>派生选择器是通过元素的上下级关系来进行选择</p>
</div>
</body>
</html>
/**
燕十八 公益PHP培训
课堂地址:YY频道88354001
学习社区:www.zixue.it
**/
