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>
预览
Clear
- 课程推荐
- 课件下载
课件暂不提供下载，工作人员正在整理中，后期请多关注该课程~ 