好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

CSS动态伪类选择器温故-3-怪诞咖啡

动态伪类选择器

伪类选择器:大家熟悉的:【:link】【:visited】【:hover】【:active】
CSS3的伪类选择器分为六种:
(1)动态伪类选择器
(2)目标伪类选择器
(3)语言伪类选择器
(4)UI伪类选择器
(5)结构伪类选择器
(6)否定伪类选择器
注:和其它CSS选择器的区别-伪类选择器都以冒号【:】开头

思考问题?
(1)CSS3伪类选择器有什么功能?
(2)选定元素能带来什么便利?

1.1.动态伪类选择器语法
动态伪类包含两种:
(1)在链接中常看到的锚点伪类
(2)为用户行为伪类

(3)锚点伪类设置遵循【爱恨原则LoVe/HAte】,即link->visited->hover->active
(4)IE6、IE7、IE8,a:link的针对性比其他3个都弱

1.2.动态伪类选择器兼容性

注:IE6浏览器仅支持链接锚点a:hover

2.1目标伪类选择器:用来匹配文档(页面)的URI中某个标识符的目标元素


div:target{background:black;color:white;}

标题1
标题2
标题3

内容1

查看更多关于CSS动态伪类选择器温故-3-怪诞咖啡的详细内容...

  阅读:33次