css伪类原理是什么


本文摘自PHP中文网,作者藏色散人,侵删。

css伪类原理是指伪类对元素进行分类,是基于特征characteristics,而不是它们的名字、属性或者内容;原则上特征是不可以从文档树上推断得到的,在感觉上伪类可以是动态的,当用户和文档进行交互的时候一个元素可以获取或者失去一个伪类。

本教程操作环境:windows7系统、css3版,该方法适用于所有品牌电脑。

推荐:《css视频教程》

css伪类原理是什么

解释:伪类对元素进行分类是基于特征(characteristics)而不是它们的名字、属性或者内容;

原则上特征是不可以从文档树上推断得到的。在感觉上伪类可以是动态的,当用户和文档进行交互的时候一个元素可以获取或者失去一个伪类。

例外的是":first-child"能通过文档树推断出来,":lang"在一些情况下也在从文档树中推断出来。

伪类有::first-child ,:link:,vistited,:hover:,active:focus,:lang

何为伪类?

就是css内部本身赋予它一些特性和功能,也就是你不用再class=...或id=...你就可以直接拿来使用,当然你也可以改变它的部分属性比如:a:link{color:#ff0000;}

CSS很多的建议并没有得到浏览器的支持,但有四个可以安全使用的用在连接上的伪类。分别是link,vistited,hover和active。

1

2

3

4

a:link{color:#000000;} /*设置 a 对象在未被访问前的样式。*/

a:hover{color:#000000;} /*设置对象在其鼠标悬停时的样式。*/

a:active{color:#000000;} /*设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式。*/

a:visited{color:#000000;} /*设置 a 对象在其链接地址已被访问过时的样式。*/

以上就是css伪类原理是什么的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

网页设计是要学 php 还是 java

html中是如何引入css样式?以及link与@import的区别(代码实例)

css怎么给文字添加描边

如何使用纯css实现圆形图像?

css为什么会出现清除浮动的问题

jquery css 如何获取不带单位的属性值

css中如何实现圆角效果

css元素如何隐藏

vertical-align负值和margin-bottom负值的差异有哪些?

css如何实现适配iphone全面屏

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...