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>

提交重置代码

自动运行

章节

课件

捐赠

CSS3从入门到精通教程

第1章初识CSS
1-1 什么是CSS3
1-2 CSS3简介
第2章边框
2-1 圆角效果border-radius
2-2 阴影box-shadow
2-3 阴影box-shadow（二）
2-4 为边框应用图片border-image
第3章 CSS3颜色
3-1 CSS3 RGBA颜色
3-2 css3 linear-gradient线性渐变
3-3 css3 radial-gradient()径向渐变
第4章文字与字体
4-1 text-overflow 与 word-wrap
4-2 @font-face嵌入字体
4-3 CSS3 text-shadow文字阴影
第5章 CSS3 背景
5-1 background-origin
5-2 background-clip
5-3 background-size
5-4 multiple backgrounds多背景
第6章 CSS3基本选择器
6-1 CSS 通配选择符(*)
6-2 元素选择器
6-3 类选择器
6-4 id选择器
6-5 后代选择器
6-6 子选择器
6-7 相邻兄弟选择器
6-8 通用兄弟选择器
第7章 CSS3属性选择器
7-1 E[attr]选择器
7-2 Ｅ[attr="value"]选择器
7-3 .E[attr~="value"]选择器
7-4 E[attr^="value"]选择器
7-5 E[attr$="value"]选择器
7-6 E[attr*="value"]选择器
7-7 E[attr|="value"]选择器
第8章 CSS3伪类选择器
8-1 CSS3认识伪类选择器正在学
8-2 动态伪类选择器
8-3 UI元素状态伪类选择器
8-4 :nth选择器
8-5 否定选择器
第9章变形效果
9-1 CSS3 transform转换
9-2 CSS3transform-origin转换
9-3 CSS3 3D转换
9-4 CSS3过渡transition
9-5 CSS3过渡 transition-property属性
9-6 CSS3过渡 transition-duration属性
9-7 CSS3过渡 transition-timing-function属性
9-8 CSS3过渡 transition-delay属性
9-9 CSS3动画keyframes介绍
9-10 CSS3 动画animation属性
9-11 CSS3动画的过渡时长
9-12 CSS3动画循环次数
9-13 CSS3 动画方向
第10章 CSS3布局相关样式
10-1 多列布局——Columns
10-2 css3 column-rule用法
10-3 css3 column-count用法
10-4 CSS3 column-span用法
10-5 CSS3 column-width用法
10-6 css3 column-gap用法
10-7 盒子模型
10-8 CSS3弹性伸缩布局
第11章 CSS3内容样式相关
11-1 CSS 图片
11-2 css3 Media Queries媒体查询
11-3 CSS3分页例子