伪对象语言

更新时间:2023-07-06 18:56

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

伪对象语言

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

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

CSS中的伪对象如表1:

CSS中伪对象详解

: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、clear。

:before伪对象

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

:after伪对象

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

伪对象的支持

浏览器 : IE : Internet Explorer F : Firefox , N : Netscape。

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

注意

免责声明
隐私政策
用户协议
目录 22
0{{catalogNumber[index]}}. {{item.title}}
{{item.title}}