CSS伪类定义3种方法

html-css028

CSS伪类定义3种方法,第1张

CSS伪类用于向特殊状态的选择器添加特殊效果,使用最多的伪类是锚伪类。

a:link 未访问的链接

a:visited 已访问的链接

a:hover 鼠标移动到链接上,此伪类不止限于超链接上,其他元素也可使用

a:active 选定的链接

注意:在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的;a:active 必须被置于 a:hover 之后,才是有效的;伪类名称对大小写不敏感。

伪类的使用是在选择器后添加伪类,如selector:pseudo-class{color:red}, selector.class:pseudo-class{color:red}

注:pseudo-class表示伪类,但并无此伪类,selector表示选择器。

CSS的伪类还有其他几种:

:active 向被激活的元素添加样式。

:focus 向拥有键盘输入焦点的元素添加样式。IE中必须声明 <!DOCTYPE>,IE8以下不支持。

:hover 当鼠标悬浮在元素上方时,向元素添加样式。

:link 向未被访问的链接添加样式。

:visited 向已被访问的链接添加样式。

:first-child 向元素的第一个子元素添加样式。IE中必须声明 <!DOCTYPE>。

:lang 向带有指定 lang 属性的元素添加样式。IE中必须声明 <!DOCTYPE>,IE8以下不支持。

CSS中,还有伪元素,形态及使用方法类同伪类。

:first-letter 向文本的第一个字母添加特殊样式。

:first-line 向文本的首行添加特殊样式。

:before 在元素之前添加内容。

:after 在元素之后添加内容。

你可知道你css中的box-shadow是做什么用的吗?

就是生成你很费解的那个用的。。

去掉就可以了。。

恩,还有-webkit-box-shadow