CSS3认识伪类选择器LOGIN

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;}



下一节
<!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>
提交重置代码
章节课件