css中一个冒号和两个冒号分别代表什么?


本文摘自PHP中文网,作者V,侵删。

一个冒号是伪类,两个冒号是伪元素。

(推荐学习:css快速入门)

伪类可以独立于文档的元素来分配样式,且可以分配给任何元素,逻辑上和功能上类类似,但是其是预定义的、不存在于文档树中且表达方式也不同,所以叫伪类。

伪元素所控制的内容和一个元素控制的内容一样,但是伪元素不存在于文档树中,不是真正的元素,所以叫伪元素。

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

伪元素有::first-line,:first-letter,:before,:after

伪类和伪元素的区别:

伪类

伪类选择元素基于的是当前元素处于的状态,或者说元素当前所具有的特性,而不是元素的id、class、属性等静态的标志。

由于状态是动态变化的,所以一个元素达到一个特定状态时,它可能得到一个伪类的样式;当状态改变时,它又会失去这个样式。由此可以看出,它的功能和class有些类似,但它是基于文档之外的抽象,所以叫伪类。

:link

伪类将应用于未被访问过的链接,与:visited互斥。

:hover

伪类将应用于有鼠标指针悬停于其上的元素。

:active

阅读剩余部分

相关阅读 >>

html和css是什么语言?

深入浅析css中的数学表达式calc()

css有哪几种样式

为什么要初始化css代码

聊聊css 与 js 是如何阻塞 dom 解析和渲染的

css padding什么意思

css如何设置下划线的颜色

css中伪类和伪元素的详细介绍(代码示例)

css实现滚动阴影效果的小技巧(分享)

css样式表文件的扩展名是什么

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




打赏

取消

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

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

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

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

评论

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

    暂无评论...