我们浏览网站的时候,会点击一些链接,这些链接在点之前,点之后有不同的效果,这些效果就是用伪元素选择器做的
伪元素选择器:
就是在httml中预先定义好一些选择器,成为伪元素
格式:标签名:伪元素:类名 标签名.类名:伪元素
超链接的状态:
a :link : 超链接未点击状态
a :visited 被访问后状态
a :hover 光标移到超链接上的状态(未点击)->鼠标悬停
a :active 点击超链接时的状态
使用顺序:l - v - h - a,点击前和点击后是一个状态
最好用ie浏览器测验,有的浏览器可能看不到效果
段落标签也有如上的效果
p:first-line : 段落的第一行文本
p:first-letter :段落中的第一个字母
:focus :具有焦点元素 (ps:ie6不支持,firefox,google可以看到效果)
伪元素选择器演示
css样式的结合应用:
css可以和html中众多的标签结合使用
asd 姓名: 年龄: div区域
单元格二
单元格三 单元格四
你好 你好 你好 你好