首页 > 网站 > WEB开发 > 正文

CSS生僻问题一网打尽

2024-04-27 14:34:27
字体:
来源:转载
供稿:网友
CSS生僻问题一网打尽

CSS生僻问题一网打尽

伪类和伪元素

伪类

何为伪类? 像类不是类,不是自己声明的类(不写样式也存在).

对伪元素的认识在早期网页上的超链接.链接(锚啊)用下划线标出来,点击后链接变紫色,鼠标悬上去变色.

链接伪类

css2.1 定义了两个只应用于超链接(拥有href属性的所有 a 元素)的伪类.

伪类名描述
:link:visited
指示作为超链接(href)并指向一个*未访问*地址的所有的锚(注意不是所有的锚,是未访问过的,但是有的浏览器可能不是这么做的)指示已访问过的所有的锚

动态伪类

伪类名描述
:focus当前拥有焦点(可用tab切换)的元素,能接受输入或能被激活的元素
:hover鼠标正停留在上面的元素(不只限于超链接)
:active指示被输入或激活的元素(不只限于超链接)

动态伪类可以应用到任何元素,对非链接的样式应用很有用.

选择第一个子元素

还有另外一个静态伪类 :first_chilid 来选择元素的第一个子元素.

<div> 
 <p></p> 
 <ul> 
 <li href='abc'></li> 
 <li></li> 
 </ul> 
</div> 

所以

上一篇:HTML 基础【转载】

下一篇:CSS字体记录

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表