• 1.摘要
  • 2.基本信息
  • 3.伪对象语言
  • 4.CSS中伪对象详解
  • 4.1.:first-line 伪对象
  • 4.2.:first-letter伪对象
  • 4.3.:before伪对象
  • 4.4.:after伪对象
  • 5.伪对象的支持
  • 6.注意

伪对象语言

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

基本信息

  • 中文名

    伪对象语言

  • 外文名

    Pseudo object language

  • 又称

    伪元素

伪对象语言

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

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

CSS中的伪对象如表1:

伪对象

说明

:after

与content属性一起使用,定义在对象后的内容

:before

与content属性一起使用,定义在对象前的内容

:first-letter

定义对象内第一个字符的样式

:first-line

定义对象内第一行的样式

CSS中伪对象详解

:first-line 伪对象

" 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

输出效果类似于:

结果

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

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

:before伪对象