伪对象语言

科技工作者之家 2020-11-17

伪对象语言创造的元素不存在在DOM文档中,是虚拟的元素,是创建新元素。代表某个元素的子元素,这个子元素虽然在逻辑上存在,但却并不实际存在于文档树中。

伪对象语言伪对象用于将特殊的效果添加到某些选择器。其语法为:

选择器:伪元素{属性:值}1

CSS中的伪对象如表1:

|| ||

CSS中伪对象详解:first-line 伪对象" first-line"伪元素用于向某个选择器中的文字的首行添加特殊样式。

在上面的例子中,浏览器显示根据first-line伪元素格式化的第一行。浏览器是依靠浏览器窗口的尺寸来进行分行的。first-line伪元素仅能被用于块级元素。下面的属性可以被应用到first-line伪元素:

font 属性、color属性、background属性、word-spacing、letter-spacing、text-decoration、vertical-align、text-transform、line-height、clear。

:first-letter伪对象first- letter伪元素用于向某个选择器中的文本的首字母添加特殊的样式:

输出效果类似于:

下面的属性可以被应用到first-letter伪元素:

font 属性、color属性、background属性、margin属性、padding属性、border属性、text-decoration、vertical-align、text-transform、line-height、float、clear2。

:before伪对象before伪元素可用于在某个元素之前插入某些内容。下面的样式会在标题之前播放音频:

:after伪对象after伪类可用于在某个元素之后插入某些内容。下面的样式会在标题之后摇放音频:

伪对象的支持浏览器 : IE : Internet Explorer F : Firefox , N : Netscape。

W3C:W3C列的数字显示出属性背景由哪个CSs标准定义(CSs1还是Css2)。

|| ||

注意伪对象要配合content属性一起使用;

伪对象不会出现在DOM中,所以不能通过js来操作,仅仅是在CSS渲染层加入;

伪对象的特效通常要使用:hover伪类样式来激活2。

本词条内容贡献者为:

鄢志丹 - 副教授 - 中国石油大学(华东)

科技工作者之家

科技工作者之家APP是专注科技人才,知识分享与人才交流的服务平台。