CSS3认识伪类选择器

CSS3伪类选择器简单介绍:
在标准浏览器兴起之前，如果说到伪类选择器可能很多初学者都比较陌生，但是对:link,:focus和:hover这几个原则器都会比较熟悉，因为它们常用在链接状态样式的设置，其实它们就是伪类选择器。
伪类选择器基本语法:

  selector:pseudo-class{
  property:value;
}

结构分析:
1.selector:其他的css选择器。
2.:pseudo-class:伪类选择器。
3.property:value:对应的样式属性和值。
代码实例如下:

a:link{color:red;}
a.title:link{color:blue;}

继续学习

新建文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html>
<head>
 <title></title>
 <style type="text/css">
 #div1 :target p{
 color: red;
 };
 </style>
</head>
<body>
 <div id="div1">
 i am div1
 <div id="div2">
 i am div2
 <p>pppp</p>
 </div>
 </div>
 <a href="#div2">click me</a>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX